与jQuery

Question

我试图创建一个为用户使窗口小调整其内容的首，并最终下降到只是一个菜单图标850像素下创建动态表头。问题在于，头文件始终是使用当前Jquery代码加载页面的最后一件事情。有任何想法吗？

$(window).bind("resize load",function() { 
    if($(window).width()>1050){ 
     $('.three-head').show(); 
     $('.two-head').css("margin-right","90px"); 
     $('#header').show(); 
     $('.big-head').show(); 
     $('.small-head').hide(); 
    } 
else if($(window).width()<1050 && $(window).width()>850){ 
    $('.two-head').css("margin-right","30px"); 
    $('#header').show(); 
    $('.big-head').show(); 
    $('.small-head').hide(); 
    $('.three-head').hide(); 
    $('.four-head').show(); 
    $('.five-head').show(); 
} 
else if($(window).width()<850){ 
    $('.small-head').show(); 
} 
}); 

Answer 1

把这个代码

$(document).ready(function(){$(document).ready(function(){ 
}); 

，并删除

$(window).bind("resize load",function() 

是窗口加载后负荷

Answer 2

我会尝试动态功能.resize（），将要理森你的窗户。

$(document).ready(function() { 
    $(window).resize(function() { 
     if($(window).width()>1050){ 
      $('.three-head').show(); 
      $('.two-head').css("margin-right","90px"); 
      $('#header').show(); 
      $('.big-head').show(); 
      $('.small-head').hide(); 
     } else if($(window).width()<1050 && $(window).width()>850){ 
      $('.two-head').css("margin-right","30px"); 
      $('#header').show(); 
      $('.big-head').show(); 
      $('.small-head').hide(); 
      $('.three-head').hide(); 
      $('.four-head').show(); 
      $('.five-head').show(); 
     } 
    }); 
}); 

您还可以实现的onLoad功能LIK这样的：

$('#header').load(function() { 

    YOUR CODE HERE 

)} 

希望这有助于