这是代码。
jQuery(document).ready(function() {
jQuery( \'#menu-item-927\' ).on( \'ubermenuopen\', function(){
jQuery(\'.site-content\').addClass(\'blur\');
});
});
当我在控制台中使用它时,它可以工作,但在JS文件中不工作。
以下是我尝试过的事情:
具有jQuery依赖项的排队脚本wp_enqueue_script( \'script\', get_stylesheet_directory_uri() . \'/custom.js\', array( \'jquery\' ), \'1.0.0\', false );
和习惯。js确实出现在源代码中添加了jQuery(document).ready(function()
.P.S:ubermenuopen是UberMenu插件中的事件API。
SO网友:Bhautik
我做了测试,效果很好。但您可以使用wp_footer
钩子,您可以添加自定义js。检查以下代码。代码将转到活动主题函数。php文件。
function add_custom_scripts(){ ?>
<script type="text/javascript">
(function($){
$(document).ready(function() {
$( \'#menu-item-927\' ).on( \'ubermenuopen\', function(){
$(\'.site-content\').addClass(\'blur\');
});
});
})(jQuery);
</script>
<?php }
add_action( \'wp_footer\', \'add_custom_scripts\', 10, 1 );