jquery - 创建 jQueryUI 1.8 按钮菜单

Question

现在 jQueryUI 1.8 已经发布了，我正在浏览更新并发现了新的 Button widget ，特别是带有 SplitButton with a dropdown 的演示之一。该演示似乎表明可以使用 Button 小部件在此处创建下拉菜单。

作为讨论的一个问题，我想知道有哪些方法可以使用这个新的按钮小部件创建下拉菜单。

干杯。

Answer 1

您必须在按钮下方放置一个列表，其方式类似于此处提供的自动完成演示: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();
});