Javascript 任何带有下拉菜单的jquery ui图标按钮示例

Javascript 任何带有下拉菜单的jquery ui图标按钮示例,javascript,jquery,jquery-ui,frontend,Javascript,Jquery,Jquery Ui,Frontend,我想实现视觉效果,就像我附加的图像一样。我正在使用jQueryUI,相信以前一定有人这么做过。有没有人能给我看一些现有的例子 Jquery Ui按钮位于,但没有进一步的解释。使用按钮图标选项,在该选项中定义主选项和辅助选项 在页面的源代码中,您可以看到: .button({ icons: { primary: "ui-icon-gear", secondary: "ui-icon-triangle-1-s" }, text: false

我想实现视觉效果,就像我附加的图像一样。我正在使用jQueryUI,相信以前一定有人这么做过。有没有人能给我看一些现有的例子


Jquery Ui按钮位于,但没有进一步的解释。

使用按钮
图标
选项,在该选项中定义主选项和辅助选项

在页面的源代码中,您可以看到:

.button({
    icons: {
        primary: "ui-icon-gear",
        secondary: "ui-icon-triangle-1-s"
    },
    text: false
});

注意
text:false
选项,以便按钮内不会显示任何文本。但是,您需要在
标记中添加一些文本,否则它将没有正确的高度<代码>可以正常工作。

不要查看外部演示页面,而是检查并单击“查看源代码”