1

私はこれで1か月以上立ち往生しています。これについて本当に本当に助けが必要です。

次のカスタマイズでJquery uiスピナーを使用したい：

  1. インクリメントの上下ボタンは自分で定義する必要があり、私の画像を使用する必要があります
  2. 増分ステップ サイズは可変にする必要があります

jquery uiを使用する以外の別のアプローチは歓迎されますが、これを達成するには助けが必要です。私が探している基本的な機能は次のとおりです。画像をマウスダウンしてテキストボックスの値を増やし続けるまで、それだけです

4

3 に答える 3

3

あなたが試すことができます：

       https://github.com/btburnett3/jquery.ui.spinner

使いやすく、必要なファイルは 2 つだけです (ui.spinner.min.js または ui.spinner.js と ui.spinner.css)。

質問への回答:

  1. 以下にリストされている css クラスのいずれかをオーバーライドして、目的の画像を配置し、ブラウザー開発ツールでいくつかの値を操作して変更を確認できます。

        classes: ui-spinner-up ui-spinner-button ui-state-default ui-corner-tr

  2. 増分サイズは「step」プロパティで設定できます。

例：

$('#someId').spinner({
                        min: 0,
                        max: 100,
                        increment:'fast',
                        step:5  // this will increment or decrement by 5    
                    });

id="someId" を持つ HTML コンポーネントは type="text" または "number" を持つ入力である必要がありますが、最後のものを選択し、ブラウザが HTML5 をサポートしている場合、入力内と下に上向き/下向きの矢印がレンダリングされます。この拡張機能によって追加されたボタン。私の提案は、type="text" を使用することです。

乾杯。

于 2012-09-18T00:33:22.540 に答える
0

スピナーの github で最新バージョンを見ると、https://github.com/jquery/jquery-ui/tree/master/uiスピナー の最後のコミットにコードが追加され、画像を変更するオプションが追加されました。増分ステップ サイズに関する限り、オプションでステップ値を追加できます。お役に立てれば。

于 2012-08-02T17:47:44.403 に答える
0

jQuery UI 1.9 を使用できることを忘れていました。マイルストーン 6 では、Spinner ウィジェットの多くの更新が行われていました。

詳細については、次のサイトにアクセスしてください: JQuery UI 1.9 マイルストーン 6

この機能は「開発中」であることを思い出してください。視覚的なデザインは良く見えますが、動作するスピナーはこの例のように見えます

あなたの目的のために：

  1. 画像は CSS で変更できます。
  2. オプション 'step' は増分ステップ サイズを提供する必要があります。
  3. 画像をマウスダウンするまで、テキストボックスをインクリメントし続けると、期待どおりに機能します。

注: JQuery UI 1.9 RCの最初のリリース候補をダウンロードしてテストできることに注意してください。

これが役立つことを願っています。

于 2012-09-19T16:46:49.080 に答える