根據窗口大小BXslider不工作

我已經安裝了目前網站我的工作，對BX滑塊更改的jQuery這是一個負責任的網站，我想改變一些選項，如果瀏覽器是指在一定的寬度。我寫下面的代碼打破了我的滑塊佈局，但是，有什麼建議，爲什麼？根據窗口大小BXslider不工作

<script type="text/javascript"> 

    $(document).ready(function() { 

     if (width < 701) { 

      $('#slidebx').bxSlider({ 
       mode: 'horizontal', 
       infiniteLoop: true, 
       speed: 500, 
       pause: 5000, 
       auto: true, 
       pager: false, 
       controls: true, 
       displaySlideQty: 1, 
       moveSlideQty: 1 
      }); 

     } else { 

      $('#slidebx').bxSlider({ 
       mode: 'horizontal', 
       infiniteLoop: true, 
       speed: 500, 
       pause: 5000, 
       auto: true, 
       pager: false, 
       controls: true, 
       displaySlideQty: 4, 
       moveSlideQty: 4 
      }); 
     } 
    }); 

</script>

來源

2012-09-08 souporserious

您檢查的if語句的寬度變量是否設置在某處？

試試這個：

if ($(document).width() < 701) { 
    ... 
}

來源

2012-09-08 21:22:09 Tosh

就是這樣，錯過了變量。出於某種原因，我認爲這是一個標準。仍然是編寫jQuery的新手。感謝幫助！ – souporserious

根據窗口大小BXslider不工作

回答

相關問題