1

JQuery UI Spinner で上矢印と下矢印の代わりにプラス記号とマイナス記号を表示するようにします。

JQuery UI Spinnerを次のように拡張しました。

$.widget("ui.spinner", $.ui.spinner, {
    options: {
        icons: {
            down: "icon custom-down-icon",
            up: "icon custom-up-icon"
        }
    }
});

これらのクラスを使用して、好きなように上下のスピナー「ボタン」のスタイルを設定できます。

これにより、スピナー アイコンを含む のクラスが必要に応じて変更されますが、s 内の実際の HTML 文字は変更されません。

生成される HTML:

<span class="ui-icon icon icon-plus">▼&lt;/span>

このキャラクターがどこから来たのか分かりますか? そして、Spinner ウィジェットを拡張して変更する方法。

PS。ウィジェットを初期化するときにオプションを設定するだけでは、実際には実行可能なオプションではありません。

4

4 に答える 4

2

読み込まれる HTML 文字は、スパンのクラスによって異なります。「カスタム アイコン」は単なる例だと思います。

ここで利用可能なアイコンの完全なリストがあります: http://api.jqueryui.com/theming/icons/

必要なものを選択して (+ と - がいくつかあります)、次の手順に従ってください: http://api.jqueryui.com/spinner/#option-icons

それが役立つ場合、これは私のコードです：

 $('input[class="itemLevel"]').spinner({ min: 0, max: 5, icons: { down: "ui-icon-carat-1-w", up: "ui-icon-carat-1-e"} });
于 2015-01-21T11:16:13.457 に答える
-2

次のリンクを頭に入れます。

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
于 2014-01-07T19:49:48.557 に答える