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：号码输入和加号/减号按钮内联

回答

相关问题