2011-11-28 104 views
3

我試圖用這個:http://abeautifulsite.net/blog/2011/01/jquery-selectbox-plugin/選擇框jQuery的過渡不工作

在默認情況下添加過渡到我的選擇框。

這是一段JavaScript位:

$(document).ready(function() { 

    $("SELECT").selectBox() 
    $("SELECT").click(function() { 
     $("SELECT").selectBox('settings', { 
      'menuTransition': 'slide', 
      'menuSpeed' : 'fast' 
     }); 
    }); 

}); 

我似乎無法使它在默認情況下滑動。我究竟做錯了什麼?我可以通過在演示頁面中包含完全一樣的單獨按鈕來使其工作。但我希望它在默認情況下使用幻燈片動畫,並且無法查看/弄清楚哪裏出了什麼問題?

回答

2

selectBox插件看起來有趣,所以我嘗試過了,我相信你的問題是,你正試圖轉換類型進行動態地slide,但你要創建的selectBox比默認的值不同的設置,試試這個:

$(document).ready(function() { 
    $("SELECT").selectBox({ 
     menuTransition : 'slide', 
     menuSpeed  : 'fast' 
    }); 
}); 

下面是該解決方案的工作示例:http://jsfiddle.net/jasper/APzDJ/

+0

謝謝你,我不知道你需要把{在選擇框參數。另外我還以爲你需要一個.click,我還以爲需要'設置'。你怎麼知道你是如何設置默認設置的? – Sackling

+1

@Sackling如果你轉到文檔(http://labs.abeautifulsite.net/jquery-selectBox/jquery.selectBox.js),那麼你可以看到在頂部創建和更新'selectBox'實例的不同方法的文件是這一行:'創建:$(「SELECT」)。selectBox([settings]);'。括號進來,因爲它們是JavaScript對象聲明的一部分('{'=='start object' &&'}'=='end object')。 – Jasper