2014-07-10 166 views
0

我使用bxSlider插件來做這樣的幻燈片演示。修改一個jQuery對象實例的實例,一旦它被實例化

ele = $('#slider2').bxSlider({ 
    minslides: 4, 
    maxslides: 4 
}); 

如果窗口大小減小到480px以下以使其響應,我想將minslides更改爲2。 我想綁定窗口大小調整屬性,並使用該變量使用它:

ELE

$(window).resize(function(){ 
    if($(document).width()<=480) w = 2; else w = 4; 
    ele.minslides = 2; 
    $('#slider2').bxSlider({ 
    minslides: w, 
    maxslides: 4 
}); 

});`

,但它不工作。我該怎麼做?

+0

您可以顯示您在嘗試中使用的代碼嗎? – Popnoodles

+0

您必須根據插件如何執行此操作(如果它確實如此)。請包括文檔鏈接和/或自己閱讀文檔。 –

回答

0

發現bxslider有一個可用於此目的的reloadSlider()方法。不管怎麼說,多謝拉。

ele = $('#slider2').bxSlider({ 
    minslides: 4, 
    maxslides: 4 
}); 

$(window).resize(function(){ 
    if($(document).width()<=480) w = 2; else w = 4; 
    ele.reloadSlider(); 
});