jQuery Mobile選擇輸入

Question

jQuery mobile選擇菜單，表單計算器可在Firefox瀏覽器中使用，但不能在android中使用。 當在瀏覽器中點擊提交按鈕時，它可以按預期工作，但是當我在android中進行操作時，微調器將加載並發送回我的主頁。

            <form id="thermalgrowth">
                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
                        <label for="t">
                            T:
                        </label>
                        <input id="t" placeholder=""  name="t" value="" type="number" step="0.001" min="0"/>
                    </fieldset>
                </div>
                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
                        <label for="l">
                            L:
                        </label>
                        <input id="l" placeholder=""  name="l" value="" type="number" step="0.001" min="0"/>
                    </fieldset>
                </div>


                <div data-role="fieldcontain">  
                    <label for="c" class="select">C:</label>                    
                        <select name="c" id="c" >
                            <option value=".000006">Carbon Steel</option>
                            <option value=".0000059">Cast Iron</option>
                            <option value=".0000095">Stainless Steel</option>
                            <option value=".0000073">Nickel Steel</option>
                            <option value=".00001">Bronze</option>
                        </select>
                </div>                  

                <div class="ui-grid-a">
                    <div class="ui-block-a"><button id="reset" type="reset" data-theme="c" name="reset">Reset</button></div>
                    <div class="ui-block-b"><button id="submit" type="submit" data-theme="b" name="submit" >Submit</button></div>
                </div>

                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
                        <label for="tg">
                            Thermal Growth
                        </label>
                        <input id="tg" placeholder=""  name="tg" type="number" disabled="disabled"/>
                    </fieldset>
                </div>

                <script type="text/javascript"><!--

                    function calculate () {

                        var t = $('#t').val();
                        var l = $('#l').val();
                        var c = $('#c').val();                  

                        var tg = Number(t) * l * c ;

                        $('#tg').val( tg.toFixed(3) );

                        // submit event functions must return false,
                        // to tell the browser not to load a new page.
                        return false;
                    }

                    $('#thermalgrowth').submit( calculate );
                    $('#reset').click(function() {
                        $('#t').val('0').number('refresh');
                        $('#l').val('0').number('refresh');
                        $('#tg').val('0').number('refresh');
                    });

                </script>
            </form>

Answer 1

您是否嘗試過消除腳本元素中的<!--東西？ 那可能會引起問題。

Answer 2

加泰羅尼亞語

我想可能是解析錯誤或運行時錯誤。 未封閉的<!--可能是一個問題。 控制台應該告訴您。

奇怪的是，你應該使用Number()的t ，但不為其他兩個值。 自動類型轉換應該可以處理它，但是至少出於完整性考慮，您可以嘗試：

var tg = Number(t) * Number(l) * Number(c) ;

您也可以嘗試將整個內容包裝在$(function(){...}) ，並將其放入文檔<head> 。

jQuery Mobile選擇輸入

問題描述

2 個解決方案

解決方案1
0 2012-09-27 23:14:29

解決方案2
0 2012-09-27 23:31:44

jQuery Mobile選擇輸入

問題描述

2 個解決方案

解決方案1 0 2012-09-27 23:14:29

解決方案2 0 2012-09-27 23:31:44

解決方案1
0 2012-09-27 23:14:29

解決方案2
0 2012-09-27 23:31:44