Question

我试图解决此页面的移动导航问题： http://tinyurl.com/kq9xs6h

标签是在JS函数中动态创建的：

mobile_advanced      = menu.clone().attr({id:"mobile-advanced", "class":""}),

这导致生成此HTML行：

<ul class="" id="mobile-advanced" style="position: absolute;">

以下代码在使用浏览器控制台时正常工作（因此在生成html时）：

 jQuery('#mobile-advanced a').on('click', function() {
        jQuery('body').removeClass('show_mobile_menu');
        jQuery('body').removeClass('show_mobile_meta');
        jQuery('body').css({'height':'auto'});
 });

但是当我在JS文件中插入它时，事件的处理程序就不被理解了。

我应该在哪里放置这段代码，或者我如何修改它以便考虑处理程序？

Answer 1

如果您将代码包装在doc中，该怎么办？

jQuery( document ).ready(function() {

    jQuery('#mobile-advanced').on( "click", "a", function() {
        jQuery('body').removeClass('show_mobile_menu');
        jQuery('body').removeClass('show_mobile_meta');
        jQuery('body').css({'height':'auto'});
    });

}

JQuery动态选择器事件处理程序

1 个答案: