适用于移动应用的JQuery Math

时间:2012-02-19 20:04:11

标签: jquery jquery-mobile

首先说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("");     
  }

想要乘以宽度*长度*屋顶滑块我正在使用自己的输入板。有关最佳方法的任何建议吗?

1 个答案:

答案 0 :(得分:0)

你的问题有点模糊。

乘以宽度*长度*屋顶滑块的最佳方法是什么?

实施自己的键盘的最佳方式是什么?

乘法很容易,公式就在那里。

创建自己的数字键盘似乎是浪费时间。你是否知道你可以简单地将输入类型更改为“数字”,大多数手机都会拉起数字键盘? http://www.w3schools.com/html5/html5_form_input_types.asp