javascript - 选择框 jquery 转换不工作

Question

我正在尝试使用这个:http://abeautifulsite.net/blog/2011/01/jquery-selectbox-plugin/

默认情况下将过渡添加到我的选择框。

这是 JavaScript 的一部分:

$(document).ready( function() {

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

});

默认情况下我似乎无法让它滑动。我究竟做错了什么？我能够通过包含一个与演示页面完全一样的单独按钮来让它工作。但我希望它默认使用幻灯片动画，但看不到/弄不清哪里出了问题？

Answer 1

selectBox 插件看起来很有趣，所以我试了一下，我相信你的问题是你正在尝试将过渡类型动态设置为 slide 但你想创建与默认设置不同的 selectBox，试试这个:

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

这是此解决方案的一个工作示例:http://jsfiddle.net/jasper/APzDJ/