现在jQueryUI 1.8已经出来了,我正在浏览更新,并且遇到了新的
Button widget,特别是
SplitButton with a dropdown的演示之一.这个演示似乎表明Button widget可以在这里创建一个下拉菜单.
作为讨论的问题,我想知道使用这个新的Button小部件来创建一个下拉菜单有什么方法.
干杯.
解决方法
您必须在按钮下方列出一个列表,方式类似于此处为自动完成提供的演示：
http://jqueryui.com/demos/autocomplete/.
基本上,您将替换显示警报的button demo中的代码“可以显示带有所选操作的菜单”,其代码与此相对应.这个代码可以消除许多jQuery菜单插件之一,like this one.
- <div class="demo">
- <div>
- <button id="rerun">Run last action</button>
- <button id="select">Select an action</button>
- </div>
- </div>
- <script type="text/javascript">
- $(function() {
- $("#rerun").button().click(function() {
- alert("Running the last action");
- })
- .next()
- .button({
- text: false,icons: {
- primary: "ui-icon-triangle-1-s"
- }
- })
- .click(function() {
- // Code to display menu goes here. <<<<<<<<<<<<
- })
- .parent()
- .buttonset();
- });
