不要在表格中显示结果

时间:2013-10-28 22:55:30

标签: android jquery html5 jquery-mobile

我使用jquery在HTML5中使用此代码。尝试在Android上运行时失败,不显示结果。请帮助。

我尝试使用jquery mobile。

当我在电脑上运行时运行正常。

        <script type="text/javascript" src="js/libs/jquery-1.9.0/jquery.min.js" ></script>
        <script type="text/javascript" src="js/libs/jquery-mobile-1.2.0/jquery.mobile.min.js" ></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#calcular").click(function(Event){
                    var v1 = $("#v1").val();
                    var v2 = $("#v2").val();
                    var resultado = parseInt(v1) + parseInt(v2);
                    $("#r").val(function(){
                       return resultado; 
                    });
                    return false;
                });
            });
        </script>
    </head>
    <body>
        <div>
            <form name="formsuma" id="suma">
            <table align="center">
                <tr>
                    <td><label>Valor 1: </label></td>
                    <td><input name="valor1" id="v1" type="number" /></td>
                </tr>
                <tr>
                    <td><label>Valor 2: </label></td>
                    <td><input name="valor2" id="v2" type="number" /></td>
                </tr>
                <tr>
                    <td><label>Resultado: </label></td>
                    <td><output form="formsuma" name="resultado" id="r"></output></td>
                </tr>
                <tr>
                    <td></td>
                    <td><input type="submit" id="calcular" value="Calcular" /></td>
                </tr>
            </table>
            </form>

0 个答案:

没有答案