jQuery代码在控制台中工作,但在站点中不工作

时间:2017-06-20 11:05:21

标签: jquery wordpress

我在wordpress网站上有以下jQuery代码。

 jQuery(document).ready(function() {
  alert("working");
 });

正在切换的类将“.sub-menu”元素设置为从“none”显示为“block”。

它在chrome dev工具的控制台中运行良好,但在页面中没有,并且在创建DOM元素之后放置。

如果我将代码更改为以下代码,则会执行警报,因此jQuery代码不会执行任何问题。

jQuery(".menu-item").click(function(event){

关于为什么会这样做的任何建议?

修改

解决方案是

jQuery(".responsive-menu > .menu-item").click(function(event){

而不是

tasks.all { task ->
  if (task.name.startsWith('compile') && task.name.endsWith('Ndk')) {
    task.enabled = false
  }
}

感谢帮助人员

1 个答案:

答案 0 :(得分:1)

试试这个。

(function($){
   $(document).ready(function() {
       $(".responsive-menu > .menu-item").on('click',function(event){
           if (event.target !== this)
               return;
           $(this).find(".sub-menu:first").slideToggle(function() {
               $(this).parent().toggleClass("show");
           });
        });
    });
})(jQuery)