Question

我的JqueryMobile页面有问题。当我导航到page2但是当我启动网站时（第1页），我得到了pageInit事件，我没有得到任何事件。如何解决这个问题？

这是我的HTML代码：

<body>
    <!-- Home -->
    <div data-role="page" id="page1">
        <div data-role="content">
            ...
        </div>
    </div>

    <!-- Page2 -->
    <div data-role="page" id="page2">
        <div data-role="content">
            ...
        </div>
    </div>
</body>

javascript文件：

$(document).bind('pageinit', function () {
    $('#page1').bind("pageinit", function () {
        alert("1");
    });

    $('#page2').bind("pageinit", function () {
        alert("2");
    });
});

Answer 1

为什么需要绑定init两次？

尝试：

$('#page1').on("pageinit", function () {
    alert("1");
});

$('#page2').on("pageinit", function () {
    alert("2");
});

所以我正在删除文档绑定。

Answer 2

尝试：

$(document).on('pageinit', '#page1', function() {      
    alert('Page main initialized');
});

$(document).on('pageinit', '#page2', function() {      
    alert('Page two initialized');
});

为什么我的pageinit没有在jquery-mobile-1.3.2中触发

2 个答案: