2013-12-09 80 views
3

我將如何取消基於瀏覽器大小的腳本?

 $(document).ready(function(){ 

      var $windows = $('.window'); 

      $windows.windows({ 
       snapping: true, 
       snapSpeed: 200, 
       snapInterval: 800, 
       onScroll: function(s){}, 
       onSnapComplete: function($el){}, 
       onWindowEnter: function($el){} 
      }); 
     }); 

您好我需要知道如何禁用基於關閉瀏覽器的寬度的這個腳本。所以我希望當瀏覽器小於440像素時捕捉是錯誤的。

對不起,如果我沒有措辭這麼大,謝謝!

回答

6

當你是否使用自適應設計要

$windows.windows({ 
      snapping: $(window).width() > 440 || $(window).height() > 440, //will be false when either dimension is less than 440, other wise it will be true 
      snapSpeed: 200, 
      snapInterval: 800, 
      onScroll: function(s){}, 
      onSnapComplete: function($el){}, 
      onWindowEnter: function($el){} 
     }); 
+0

我剛剛在您的評論後嘗試使用此代碼,並且即使寬度低於440px,代碼仍然可以正常工作?對不起,在這... – user3083665

+0

這裏是一個快速小提琴:http://jsfiddle.net/qGSk6/,請記住我的條件返回錯誤,當兩者的寬度和高度都小於440.你可能想切換它以&&而不是||如果您只想檢查一維 – Esaevian

+0

@ user3083665:'$(window).width()> 440 || $(window).height()> 440'只能在頁面加載時執行*一次*。如果在此之後更改大小,代碼將不會再次運行。 '.windows'不是默認的jQuery方法。如果您要告訴我們您使用的插件,我們可能會給您一個更好的解決方案。 –

0

更換true有一個條件,將評估爲真或假?如果是這樣,你可以只使用基於容器的大小if語句:

$(document).ready(function() { 
    if($(".container").css("width") <= "440px") { 
     ...add your code here 
    } 
}); 

如果您在使用窗口的大小設置,我相信你可以申請使用窗口大小這個if語句。

希望這有助於!