Question

在Jquery移动设备中是否有任何标准的编码方式...（即）为什么这个问题是因为页面事件的相同代码在某些设备中工作正常......有些设备甚至不会产生错误或警告......

示例： -

检查以下代码

$(document).on('pageinit', "#pageid", function() {
    alert("inside page init");
    $('input[name="radioBtn"]').on('change', function () {
        alert($(this).val());
    });
});

它在webkit，chrome和mozilla等浏览器中运行良好......但不适用于手机..

我不知道出了什么问题。任何人都可以提出建议..

注意：我尝试使用以下链接http://www.gajotres.net/document-onpageinit-vs-document-ready/ 但它还没有工作......

这与我的网页结构有关：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Multi-page template</title>
        <link rel="stylesheet" href="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>  

<script>
        $(document).on('pageinit', "#main", function() {
            $('input[name="farmerGender"]').on('change', function () {
                alert($('input[name=farmerGender]:checked').val());
            });
        });
</script>
    </head>

    <body>

        <div data-role="page" id="main">

            <div data-role="header">
                <h2>Header</h2>
            </div>

            <div data-role="content">

                <div id="div-1">
                    <ul>
                        <li>Div-2</div></li>
                        <li>Div-3</div></li>
                    </ul>   
                </div>

                <div id="div-2">
                    <fieldset data-role="controlgroup">
                        <input type="radio" name="radioBtn" id="rad-1" value="rd-1" checked="checked"/> 
                        <input type="radio" name="radioBtn" id="rad-2" value="rd-2"/>   
                    </fieldset>
                </div>

                <div id="div-3">
                    content
                </div>

            </div>

            <div data-role="footer">
                <h2>Footer</footer>
            </div>

        </div>

    <body>
    </html>

请检查并告知我此代码是否有任何错误....

提前致谢...

Jquery mobile中的设备兼容性/无法在JQM 1.2.0中检索单选按钮值

0 个答案: