將類添加到主體時銷燬jQuery腳本

我目前正在使用動態佈局的網站上工作。每當窗口大小調整時，它會檢查（槽jQuery）哪種佈局最適合（我爲此設置了幾個像素範圍），並將.high .med或.low類應用於頁面上的元素。將類添加到主體時銷燬jQuery腳本

到目前爲止，我已經幾乎所有的工作。還有一些事情我不知道。

由於佈局主要依靠浮動我已經使用了「equalheights」 jQuery插件來獲得列大小相等的高度：

(function($) { 
    $.fn.equalHeights = function(minHeight, maxHeight) { 
     tallest = (minHeight) ? minHeight : 0; 
     this.each(function() { 

      if($(this).height() > tallest) { 
       tallest = $(this).height(); 
      } 
     }); 

     if((maxHeight) && tallest > maxHeight) tallest = maxHeight; 
     return this.each(function() { 
      $(this).height(tallest).css; 
     }); 
    } 
})(jQuery);

問題是當佈局切換列將不斷調整大小。這通常不會成爲問題，但佈局差異很大。

在調整大小之前，我嘗試添加一個if「has class」語句，但這不起作用，因爲腳本在添加時沒有「看見」類。這可能與功能的執行順序有關。

我應該注意到，我只是一個初學者（4周的JavaScript/jQuery體驗），但我非常願意瞭解更多。

來源

2013-02-21 user2095578

那麼......如果你不希望這個函數被調用調整大小......不要這樣做。 – Cristy 2013-02-21 14:10:58

我只在這裏調用它（在一個單獨的script.js文件）： '否則，如果（配有 user2095578 2013-02-21 14:57:58

我會建議您使用CSS3媒體查詢而不是腳本響應/自適應網頁設計。

請看看this

這些不處理很多，因此重量輕，最現代的瀏覽器和設備支持CSS3因此一個方便，可靠的選擇。

來源

2013-02-21 14:40:09

非常感謝！我已經設計了幾個html5網站，但與舊版瀏覽器的兼容性讓我回到這裏使用它。提供的解決方案應該解決這個問題 – user2095578 2013-02-21 15:29:03

此外，如果您定位**舊瀏覽器**，並且需要顯示舊角瀏覽器不支持的圓角或其他** css3屬性**，則可以查看鏈接上的** CSS3 PIE **：** http ：//css3pie.com/** – 2013-02-21 15:33:37

將類添加到主體時銷燬jQuery腳本

回答

相關問題