Question

我正在尝试将我的代码放在<head>区域，因为在移动设备中加载导航菜单需要一些时间。您可以在此处查看演示：http://www.responsinator.com/?url=paison-templateify.blogspot.com.es%2F

我正在使用TinyNav.js将导航转换为选择下拉列表，并且我在<ul>中添加了一个带有jQuery的类，这是我的完整代码，目前它位于页脚区域并且正在工作，但需要一些时间。

 $(document).ready(function() {
    $('#menufy ul').addClass('zigla');
     $(".zigla").tinyNav();    
 });

 (function(a, i, g) {
     a.fn.tinyNav = function(j) {
         var b = a.extend({
             active: "selected",
             header: "",
             label: ""
         }, j);
         return this.each(function() {
             g;
             var h = a(this),
                 d = "tinynav"
             g, f = ".l_"
             d, e = a("<select/>").attr("id", d).addClass("tinynav "
                 d);
             if (h.is("ul,ol")) {
                 "" !== b.header && e.append(a("<option/>").text(b.header));
                 var c = "";
                 h.addClass("l_"
                     d).find("a").each(function() {
                     c = '<option value="'
                     a(this).attr("href")
                     '">';
                     var b;
                     for (b = 0; b < a(this).parents("ul, ol").length - 1; b) c = "- ";
                     c = a(this).text()
                     "</option>"
                 });
                 e.append(c);
                 b.header || e.find(":eq("
                     a(f " li").index(a(f " li."
                         b.active))
                     ")").attr("selected", !0);
                 e.change(function() {
                     i.location.href = a(this).val()
                 });
                 a(f).after(e);
                 b.label && e.before(a("<label/>").attr("for", d).addClass("tinynav_label "
                     d "_label").append(b.label))
             }
         })
     }
 })(jQuery, this, 0);

为什么此代码在<head>区域无效？

Answer 1

你需要移动

$('#menufy ul').addClass('zigla');

里面

$(document).ready(function() {

});

为什么jquery不能正常工作

1 个答案: