根据窗口大小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不工作

回答

相关问题