これは、モバイルUIフレームワークの「必須」フォーム入力のように見えますが、jQueryMobileにはないようです。
他のjqueryモバイルフォーム入力とうまく機能する見栄えの良い数字スピナーフォーム入力を実装した人はいますか?
このようなもの:
これは、モバイルUIフレームワークの「必須」フォーム入力のように見えますが、jQueryMobileにはないようです。
他のjqueryモバイルフォーム入力とうまく機能する見栄えの良い数字スピナーフォーム入力を実装した人はいますか?
このようなもの:
おそらく事後ですが、http://dev.jtsage.com/jQM-Spinbox/-上記の内容にほぼ基づいており、jQMのテーマ、最小/最大値を尊重しています。
まったく同じではありませんが、input
withを使用type="number"
すると、右側(上下)に2つの小さなボタンがある入力フィールドが表示されます。
こちらで確認できます。
これまでのところ、スライダー入力だけではありません。
これを見つけました:http://css-tricks.com/number-increment-buttons/
<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);
}