2011-02-02 29 views
0

基本上我有這個jquery設置和第一部分,如果聲明的作品。但是對於那些提供工具提示的人來說,它並沒有完全去規劃。爲什麼不立即觸發這個jQuery的

下面的代碼:

$(window).resize(function(){ 
     if ($(window).width() > 1200) { 
      if (!$('#largeS').length) { 
       $('head').append('<link rel="stylesheet" type="text/css" id="largeS" href="http://imgstr.thefinishedbox.com/css/large.css" />'); 
       if ($.browser.msie && (jQuery.browser.version > 6.9999) && (jQuery.browser.version < 7.9999)) { //IE7 
        $('head').append('<link rel="stylesheet" type="text/css" id="ie7Large" href="http://imgstr.thefinishedbox.com/css/ie7Large.css" />'); 
       } 
      } 
     } 
     else { 
      $('#largeS').remove(); 
      if ($.browser.msie && (jQuery.browser.version > 6.9999) && (jQuery.browser.version < 7.9999)) { //IE7 
       $('#ie7Large').remove(); 
      } 
     } 
     if ($(window).width() > 1024) { 
      if(!$('#sidebar .tip').hasClass('vertical')) { 
       $('#sidebar .tip').addClass('vertical'); 
      } 
     } 
     else { 
      $('#sidebar .tip').removeClass('vertical'); 
     } 
    }).trigger('resize'); 

所以垂直類是沒有得到補充,即使它比1024窗口寬度更大的側邊欄提示不基於瀏覽器的負載觸發。但它可以在加載後更改窗口大小。

不知道爲什麼,有什麼幫助?

編輯:下面是現場版:http://tfbox.com - 提示的熱門信息。

+3

爲什麼不動那個匿名函數命名函數,並調用它爲onload? – mkoryak 2011-02-02 20:40:14

回答

0
function adjustStyle(width) { 
     width = parseInt(width); 
     if (width > 1024) { 
      $('#sidebar .tip').addClass('vertical'); 
     } else { 
      $('#sidebar .tip').removeClass('vertical'); 
     } 
    } 

    $(function() { 
     adjustStyle($(this).width()); 
     $(window).resize(function() { 
      adjustStyle($(this).width()); 
     }); 
    }); 
1

你爲什麼不試試這個:

function resizeWindow() { 
     if ($(window).width() > 1200) { 
      if (!$('#largeS').length) { 
       $('head').append('<link rel="stylesheet" type="text/css" id="largeS" href="http://imgstr.thefinishedbox.com/css/large.css" />'); 
       if ($.browser.msie && (jQuery.browser.version > 6.9999) && (jQuery.browser.version < 7.9999)) { //IE7 
        $('head').append('<link rel="stylesheet" type="text/css" id="ie7Large" href="http://imgstr.thefinishedbox.com/css/ie7Large.css" />'); 
       } 
      } 
     } 
     else { 
      $('#largeS').remove(); 
      if ($.browser.msie && (jQuery.browser.version > 6.9999) && (jQuery.browser.version < 7.9999)) { //IE7 
       $('#ie7Large').remove(); 
      } 
     } 
     if ($(window).width() > 1024) { 
      if(!$('#sidebar .tip').hasClass('vertical')) { 
       $('#sidebar .tip').addClass('vertical'); 
      } 
     } 
     else { 
      $('#sidebar .tip').removeClass('vertical'); 
     } 
    } 

$(function() { 
    resizeWindow(); 
    $(window).resize(resizeWindow); 
} 
相關問題