1

我正在尝试在我动态构建的 jquery 对象上激活 slicknav。

这很好用：

(function($){

var mobilemenu={
     slicknavEngage: function(){
         $(mobileMenuIdentifier).slicknav();
     }
}

var rebuildmenu={

    start:function(){
        var $menuParent = //some stuff I need to build menu
            $menuCategories = //more stuff I need for new menu
            $newMenu = $('<div>').attr('id','new-menu'); //my new menu object

            $menuCategories.each(function(i){
                 //build my new menu
            });

        $newMenu.appendTo('body');
        mobilemenu.slicknavEngage();
    }   

}

$(document).ready(rebuildmenu.start);

})(jQuery);

但是我希望能够像这样在闭包顶部将移动菜单标识符设置为配置变量，不幸的是它不起作用，但我已经从许多位置运行了 console.log 并且始终显示正确的变量，为什么它不以这种方式工作？这只是脚本的一小部分，因为必须设置许多其他配置变量，所以我也希望能够设置这个。有什么问题？

 (function($){

    //global to this closure
    var     mobileMenuIdentifier = '#new-menu';


    var mobilemenu={
         slicknavEngage: function(){
             $(mobileMenuIdentifier).slicknav();
         }
    }

    var rebuildmenu={

        start:function(){
            var $menuParent = //some stuff I need to build menu
                $menuCategories = //more stuff I need for new menu
                $newMenu = $('<div>').attr('id',mobileMenuIdentifier); //my new menu object with the id set by variable - doesn't work!

                $menuCategories.each(function(i){
                     //build my new menu
                });

            $newMenu.appendTo('body');
            mobilemenu.slicknavEngage();
        }   

    }

    $(document).ready(rebuildmenu.start);

    })(jQuery);
4

1 回答 1

2

mobileMenuIdentifier包含 CSS 选择器#new-menu。如果设置 ID，则不希望#成为 ID 值的一部分。只需对您的代码进行最少的更改，您就可以做到

$('<div>').attr('id',mobileMenuIdentifier.substr(1)); // "new-menu", not "#new-menu"
于 2014-12-11T21:43:14.567 回答