2012-04-15 10 views
10

これは、モバイルUIフレームワークのための "必須の"フォーム入力のようですが、jQuery Mobileはそれを持っていないようです。誰もjQuery Mobile Add(+/-)ボタン番号インクリメンタを実装していますか?

誰かが、他のjqueryモバイルフォーム入力とうまく機能する見栄えのよいスピンフォーム入力を実装していますか?

このような何か:

enter image description here

+0

私は同じものを探しています...あなたはまだ上の写真のようなものを見つけましたか? JQMの「数字」コントロールは、指先に優しいわけではありません。 – chris

答えて

10

おそらくも事実の後、しかし:この発見

+0

素敵な仕事!あなたは最近これを作ったのですか?私はあなたのホームページからそれを見つけることができませんでした。 –

+0

はい、実際は昨日です。私は、私が取り組んでいるハウツーのためのより単純なプラグインが必要でした。これは2羽の鳥を殺すようでした。 (http://dev.jtsage.com/jQM-Plugin/fwiw。まだまだ少し荒い) –

+0

私はあなたのフォーラムで尋ねましたが、ここでは安全であると尋ねました。簡単にスタックできるようになっています垂直に? –

1

ないだけスライダーこれまでに入力されました。

3

inputtype="number"を入力すると、右側に2つの小さいボタン(上に&)がある入力フィールドが表示されます。

hereで確認できます。 http://css-tricks.com/number-increment-buttons/

+0

これはRhoMobileでは動作しないようです。 – Martlark

+0

携帯電話では2本の矢印が表示されません。 – marlar

0
<i onclick="qty('plus');" class="fa fa-plus c_pointer"></i> 
<input type="text" id="prdqty" name="qty" value="1" placeholder="1"> 
<i onclick="qty('minus');" class="fa fa-minus c_pointer"></i> 



function qty(val){ 
pqty = $('#prdqty').val(); 
if (val == "plus") { 
     var newVal = parseFloat(pqty) + 1; 
    } else { 
    if (pqty > 1) { 
     var newVal = parseFloat(pqty) - 1; 
    } else { 
     newVal = 1; 
    } 
} 
$('#prdqty').val(newVal); 
} 
関連する問題