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

Question

我想实现像我附加的图像一样的视觉效果。我正在使用 jquery UI，并且相信之前一定有人这样做过。所以有人可以向我展示一些这种效果的现有例子吗？

Jquery Ui 按钮位于http://jqueryui.com/demos/button/icons.html，但没有进一步说明。

Answer 1

使用在该icons选项内定义主要和次要的按钮选项。

在页面上的源代码中，您可以看到：

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

请注意该text: false选项，以便不会显示按钮内的任何文本。但是，您需要在<button>标签内放置一些文本，否则它不会有正确的高度。<button>&nbsp;</button>可以正常工作。