html - 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

请按照文档使用 PageInit 事件。如果您需要在每次页面加载时运行代码，则推荐使用此事件。

然而，在我傻了片刻之后，我意识到你在做什么。但是我在文档页面上找不到“home”的“data-rel”属性？http://jquerymobile.com/demos/1.2.0/docs/api/data-attributes.html

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

data-rel="external"

在html文件之间导航时而不是“家”？

Answer 2

我找到了答案：我有（我没有在问题中提到它，对不起......）：

data-direction="reverse"

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