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>うまくいくでしょう。