0

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

这是我的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");
    });
});
4

2 回答 2

1

为什么需要绑定 init 两次？

尝试：

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

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

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

于 2013-09-06T16:56:21.510 回答
1

尝试：

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

$(document).on('pageinit', '#page2', function() {      
    alert('Page two initialized');
});
于 2013-09-06T16:57:57.033 回答