Question

我之前遇到过这个问题。一旦页面更改为不同的页面，似乎Jquery就会停止工作。我环顾四周，唯一有希望的解决方案似乎是$（window）.load（）解决方案，但也没有解决它。我不知道为什么会这样。我已经通过将它重定向到同一页面来测试它，然后没有任何中断，但是一旦我转到另一个页面，它就会停止工作

代码：

$(document).ready(function(e) {

$("#goToNewPage").on('click', function()
    {
        alert("New Page 1");
        $.mobile.pageContainer.pagecontainer("change", "#NewPage");
    });

    $("#goToNewPage2").on('click', function()
    {
        alert("New Page 2");
        $.mobile.pageContainer.pagecontainer("change", "#NewPage2");
    });

    $("#goToLastPage").on('click', function()
    {
        alert("Last Page");
        $.mobile.pageContainer.pagecontainer("change", "#LastPage");
    });


});

HTML：

<body> 
<div data-role="page" id="main" class="background">
    <div id="logo">

    </div>
    <div data-role="content" id="content">
        <div align="center">
            <p>MAIN</p>

        </div>
    </div>
    <div data-role="navbar" class="ui-footer-fixed">
        <ul>
            <li><input type="button" value="New Page" id="goToNewPage"/></li>
            <li><input type="button" value="New Page 2" id="goToNewPage2"/></li>
            <li><input type="button" value="Last Page" id="goToLastPage"/></li>
        </ul>
    </div>
</div>

<div data-role="page" id="NewPage" class="background">
    <div id="logo">

    </div>
    <div data-role="content" id="content">
        <div align="center">
            <p>New Page 2</p>

        </div>
    </div>
    <div data-role="navbar" class="ui-footer-fixed">
        <ul>
            <li><input type="button" value="New Page" id="goToNewPage"/></li>
            <li><input type="button" value="New Page 2" id="goToNewPage2"/></li>
            <li><input type="button" value="Last Page" id="goToLastPage"/></li>
        </ul>
    </div>
</div>

<div data-role="page" id="NewPage2" class="background">
    <div id="logo">

    </div>
    <div data-role="content" id="content">
        <div align="center">
            <p><b>New Page 2</b></p>

        </div>
    </div>
    <div data-role="navbar" class="ui-footer-fixed">
        <ul>
            <li><input type="button" value="New Page" id="goToNewPage"/></li>
            <li><input type="button" value="New Page 2" id="goToNewPage2"/></li>
            <li><input type="button" value="Last Page" id="goToLastPage"/></li>
        </ul>
    </div>
</div>

</body>

页面更改后Jquery停止工作

0 个答案: