2

左側にマイナスボタン、右側にプラスボタンで数値入力できる可能性はありますか? または、おそらく -- ++ を使用して、より大きなステップで値を変更します。

私はこれを尋ねる最初の人ではないことを知っていますが、 このソリューションは最初のターンで正しく表示されず、Github の jQuery-Mobile-Stepper-Widget (私は新しいので別のリンクを投稿できません) は機能しません現在のバージョンの jQuery Mobile を使用します。

結果は、次の質問のスクリーンショットのようになります: Has someone implement jQuery Mobile Add (+/-) Button Number Incrementers? jQuery Mobile でそれぞれ水平にグループ化されたボタン

現在のバージョンの jQuery モバイルで動作するアイデアや新しいスニペットはありますか?

4

3 に答える 3

5

ここにヒントがあります。残りは純粋にCSSジョブであり、値を制御するための追加のJSコードです（最大値、最小値など）。

HTML

 <div data-role="controlgroup" data-type="horizontal" data-mini="true">
   <button id="plus" data-inline="true">+</button>
   <input type="text" id="number" value="0" disabled="disabled" />
   <button id="minus" data-inline="true">-</button>
 </div>

コード

$('#plus').unbind('click').bind('click', function () {
    var value = $('#number').val();
    value++;
    $('#number').val(value);
});

$('#minus').unbind('click').bind('click', function () {
    var value = $('#number').val();
    value--;
    $('#number').val(value);
});

JSFiddle

于 2013-03-23T23:11:03.037 に答える
0

jQM では、入力型番号が必要な魔法のほとんどを実行します

<input type="number" name="number" value="0"/>

より派手なスタイリングが必要な場合は、Omar のコードに従う必要があります

于 2013-03-25T14:45:00.280 に答える