jQuery Mobile：號碼輸入和加號/減號按鈕內聯

是否有可能在左側有減號按鈕，右側是加號按鈕？或者也可以 - ++在更大的步驟中改變價值。jQuery Mobile：號碼輸入和加號/減號按鈕內聯

我知道我不是第一個問這個，但是： This解決方案沒有在第一輪正確顯示和因爲我的jQuery - 移動 - 步進的Widget從GitHub（不能張貼另一個鏈接新）不適用於當前版本的jQuery Mobile。

的結果應該在這個問題上的截圖：在jQuery Mobile的

任何意見或新片段Has anyone implemented jQuery Mobile Add (+/-) Button Number Incrementers?分別水平分組按鈕，使用jQuery移動的當前版本的工作？

來源

2013-03-23 AUTxRemoteC

你嘗試過什麼？ – Omar 2013-03-23 15:18:15

看起來像CSS在spinbox上搞砸了 - 按鈕仍然有效，它們只是在錯誤的地方。在它上面工作。 – 2013-03-23 15:49:27

CSS已更新。 Fwiw，spinbox是一個更大（甚至接近完成）項目的一部分，意圖成爲編寫jQM插件的入門指南 - 它並不是真的那麼成熟，但我做了足夠的更新，因爲它再次看起來很正確。 – 2013-03-23 15:56:08

這是一個提示，其餘純粹是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-23 23:11:03 Omar

在JQM的輸入型數字沒有最神奇的你想

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

如果您需要更多花哨的造型，你必須遵循奧馬爾的代碼

來源

2013-03-25 14:45:00

對於我來說，type =「number」與type =「text」（Firefox 19，IE 10，使用PhoneGap的Android）完全相同。所以無論我在jQM上做錯了什麼，或者這比jQM更像瀏覽器。 [html5輸入類型]（http://www.w3schools.com/html/html5_form_input_types.asp） – AUTxRemoteC 2013-03-25 16:58:50

<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); 
}

來源

2016-02-10 10:54:45 SirajuddinLuck

jQuery Mobile：號碼輸入和加號/減號按鈕內聯

回答

相關問題