首先说jquery和构建应用程序。
我在jquery mobile中有文本输入字段我想用。执行数学函数。
http://unionxtreme.com/apps/Calculator/
<form>
<label>Width</label>
<!--- store current DOM --->
<input type="hidden" name="currentDOM" id="currentDOM">
<input type="text" name="width" data-inline="true" id="width" maxlength="8" disabled="disabled" />
<label>Length</label>
<input type="text" name="length" data-inline="true" id="length" maxlength="8" disabled="disabled" />
<a href="keypad.html" data-role="button" onclick="setFocus('width')" data-iconpos="right" data-inline="true" data-rel="dialog" data-transition="pop" data-icon="arrow-l">Width</a>
<a href="keypad.html" data-role="button" onclick="setFocus('length')" data-iconpos="right" data-inline="true" data-rel="dialog" data-transition="slidedown" data-icon="arrow-l">Length</a>
<label for="roof-slider">Roof Pitch:</label>
<input type="range" name="slider" id="roof-slider" value="15" min="0" max="20" />
</form>
这是我的jquery
$(document).ready(function() {
$('input[type="button"]').live('click',function() {
if ($("#currentDOM").val() != "")
{
var getCurrDom = $("#currentDOM").val();
var existingCount = $("#typeMessage").text();
if ($(this).val() == "Delete")
{
var mylength = existingCount.length;
var actlength = mylength - 1;
var str1 = existingCount.substring(0,actlength);
$("#typeMessage").text(str1);
}
else if ($(this).val() == "Set Number")
{
document.getElementById(getCurrDom).value = $("#typeMessage").text();
$('#keypad').dialog('close');
}
else
{
if (existingCount.length < document.getElementById(getCurrDom).maxLength)
{
var AddCount = existingCount + $(this).val();
$("#typeMessage").text(AddCount);
}
}
}
});
$('input[type="text"]').live('click',function() {
var getDOM = $(this).attr("id");
$("#currentDOM").val(getDOM);
});
});
function setFocus(DOMname)
{
$("#currentDOM").val(DOMname);
$("#typeMessage").text("");
}
想要乘以宽度*长度*屋顶滑块我正在使用自己的输入板。有关最佳方法的任何建议吗?
答案 0 :(得分:0)
你的问题有点模糊。
乘以宽度*长度*屋顶滑块的最佳方法是什么?
实施自己的键盘的最佳方式是什么?
乘法很容易,公式就在那里。
创建自己的数字键盘似乎是浪费时间。你是否知道你可以简单地将输入类型更改为“数字”,大多数手机都会拉起数字键盘? http://www.w3schools.com/html5/html5_form_input_types.asp