HTML5：单击主页按钮后，document.ready（）不会在目标页面上触发

Question

我有一个HTML5（+ JQM）页面：

...
<div data-role="header">
  <a data-rel="home" ... href="index.html"></a>
</div>
...

按下主页按钮后，加载主页（“index.html”），

$(document).ready(function() {

不开火;也不开火

$("div[data-role*='page']").live('pageshow', function() {

我每次加载主页时都需要运行一些代码，无论是直接加载还是在“主页”按钮后加载......

Answer 1

根据docs请使用PageInit事件。如果您需要编码以在每次加载页面时运行，则建议使用此事件。

然而，在我愚蠢的时刻之后，我意识到你在做什么。但我无法找到数据相关的数据。 ＆＃34; home＆＃34;的属性在文档页面上？ http://jquerymobile.com/demos/1.2.0/docs/api/data-attributes.html

我假设你有一个多页面模板 - 使用index.html和another.html文件。我怀疑你需要添加

data-rel="external"

而不是＆＃34; home＆＃34;在html文件之间导航时？

Answer 2

我找到了答案：我有（我在问题中没有提到它，抱歉......）：

data-direction="reverse"

在我的主页链接中...没有它，并使用data-rel =“external”，正如Dave R建议的那样，一切运行正常......