JQuery在控制台中工作,但在文件中不起作用

时间:2021-03-25 作者:Stanley Tan

这是代码。

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。

1 个回复
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 );

相关推荐

使用不起作用的jQuery请求在WP中指定相对文件路径

为什么WP似乎要求我使用整个真实的文件路径,而不是使用相对的文件路径?我知道为了安全起见,最好不要使用真正的文件路径。在我的一个函数中,我指定了。已找到php文件。似乎无论我做什么,我都无法让我的函数指向查找文件。php文件所在的完整目录domain_name/public_html/wp-content/mythemename/assets/php/select-change.php需要查找我的php 文件:jQuery.post("assets/php/select-change.php&q