AngularJS / Bootstrap:从带有指令的链接触发下拉列表

时间:2013-12-05 02:01:33

标签: jquery angularjs twitter-bootstrap angularjs-directive

我正在尝试使用.dropdown容器类之外的链接触发Bootstrap下拉列表打开。我尝试创建一个指令来调用像$('a.dropdown-toggle').dropdown('toggle')这样的东西,但这对我不起作用。

这看起来非常类似于: How to toggle a Bootstrap dropdown menu from a link?但这似乎并不适用于100%,并且没有明确的答案。我不想检查具有dropdown类的div是否也有open并且基于此显示和隐藏。这是否正确实施?

这是我的傻瓜向你展示我的意思。当它应该切换另一个“show link”链接的下拉列表时,第一个“show link”链接什么都不做。 Twitter Bootstrap文档确实说要使用$().dropdown('toggle')进行切换,但这似乎不起作用。

http://plnkr.co/edit/KF60Um2KjzPX0dr6WqKC?p=preview

1 个答案:

答案 0 :(得分:0)

你是否包含了dropdown.js插件?我发现使用firebug说错误了:

Uncaught TypeError: Object [object Object] has no method 'dropdown' 

请参阅:http://getbootstrap.com/javascript/#dropdowns