jquery - 为什么我的 $(document).ready 没有触发？

Question

我有一个index.html文件，看起来像这样(其余的被省略)，

<ul data-role="listview" data-theme="g">
    <li><a href="sync.html">Sync</a></li>
    <li><a href="list.html">List</a></li>
    <li><a href="">Add</a></li>
</ul>

因此，如果我单击名为“List”的列表项，它会将我带到 list.html。

list.html 里面包含这个，

<script type="text/javascript" charset="utf-8">

    $(document).ready(function() 
    {
        createDatabase(readFromDatabase);
    });

</script>

当我重定向到 list.html 时，$(document).ready 在这种情况下不会触发。

如果我刷新index.html，它就会触发。正如你可以猜到的，我希望它每次都能触发。发生了什么事？

我正在使用jquery、jquerymobile 以及phonegap。

Answer 1

这是因为，对于 jQuery Mobile，您应该使用 pageinit 事件而不是 $(document).ready()。 jQuery Mobile 文档 ( http://jquerymobile.com/demos/1.0/docs/api/events.html ) 的事件部分对此进行了解释。