使用jquery在菜单中进行动态切换

时间:2018-03-20 09:50:07

标签: jquery wordpress dynamic toggle

嗨我需要帮助在菜单中添加动态切换,因为我在代码中显示我为每个人做的时候我添加新菜单我需要再次编写代码以使其切换任何人可以帮助我吗?

这是我的jquery

jQuery("li#menu-item-1826 > a").after("<span  class='spy-toggle'>+</span>");
 jQuery("li#menu-item-1867 > a").after("<span  class='spy-toggle'>+</span>");
 jQuery("li#menu-item-345 > a").after("<span  class='spy-toggle'>+</span>");
 jQuery("li#menu-item-349 > a").after("<span  class='spy-toggle'>+</span>");
 jQuery("li#menu-item-2029 > a").after("<span  class='spy-toggle'>+</span>");
 jQuery("li#menu-item-2595 > a").after("<span  class='spy-toggle'>+</span>");

    jQuery(".spy-toggle").click(function(){
    jQuery(this).parent().children(".sub-menu").toggle();
    jQuery(this).text( jQuery(this).text() == '+' ? "-" : "+");
});

1 个答案:

答案 0 :(得分:0)

您可以使用jQuery的'on'事件处理程序来处理点击事件。这意味着即使对于动态添加到DOM的元素,事件也会触发。更多信息here

{{1}}