选择框jquery过渡不起作用

时间:2011-11-28 17:31:39

标签: javascript jquery

我正在尝试使用此功能: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' 
        });
    });

});

我似乎无法默认滑动。我究竟做错了什么?我能够通过包含一个与演示页面完全相同的单独按钮来实现它。但我希望它默认使用幻灯片动画,不能看出/弄清楚出了什么问题?

1 个答案:

答案 0 :(得分:2)

selectBox插件看起来很有趣,所以我尝试了一下,我相信您的问题是您尝试将转换类型动态设置为slide但是您要创建selectBox使用与默认设置不同的设置,请尝试以下操作:

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

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