选择框jQuery的过渡不工作

我试图用这个：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' 
     }); 
    }); 

});

我似乎无法使它在默认情况下滑动。我究竟做错了什么？我可以通过在演示页面中包含完全一样的单独按钮来使其工作。但我希望它在默认情况下使用幻灯片动画，并且无法查看/弄清楚哪里出了什么问题？

来源

2011-11-28 Sackling

的selectBox插件看起来有趣，所以我尝试过了，我相信你的问题是，你正试图转换类型进行动态地slide，但你要创建的selectBox比默认的值不同的设置，试试这个：

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

下面是该解决方案的工作示例：http://jsfiddle.net/jasper/APzDJ/

来源

2011-11-28 17:45:54 Jasper

谢谢你，我不知道你需要把{在选择框参数。另外我还以为你需要一个.click，我还以为需要'设置'。你怎么知道你是如何设置默认设置的？ – Sackling

@Sackling如果你转到文档（http://labs.abeautifulsite.net/jquery-selectBox/jquery.selectBox.js），那么你可以看到在顶部创建和更新'selectBox'实例的不同方法的文件是这一行：'创建：$（“SELECT”）。selectBox（[settings]）;'。括号进来，因为它们是JavaScript对象声明的一部分（'{'=='start object' &&'}'=='end object'）。 – Jasper

选择框jQuery的过渡不工作

回答

相关问题