"data-url"jQuery Mobile令人困惑

Question

任何人都可以更多地了解jQuery Mobile中的"data-url"属性当前我阅读的文档中我发现它太混乱了是否有任何工作演示或其他东西.

请避免复制粘贴jQuery移动网站上的内容它绝对可以帮助其他人在我这样的混淆状态下寻找相同的状态.

Answer 1

您正在查看文档的相当旧的链接.最新版本的文档提供了有关data-url属性用途的更多信息.:您可以通过下面的链接检查出的新版本1.0的相关页面上http://jquerymobile.com/demos/1.0/docs/pages/page-navmodel.html

我真的相信文档,特别是1.0文档,会更好地解释这一点,但无论如何我都会尝试:为了真正理解data-url属性,你需要理解结合所有HTML页面的jQuery Mobile模型到您的移动网站的单个HTML文档.这些页面通常懒惰地加载到同一文档中.当您在页面上加载jQuery Mobile导航到HTML文档时,将解析HTML,并且只显示一个"页面".

data-url是您放在jQM页面上以启用Ajax导航的属性.当您单击链接时,jQM导航将首先在页面上查找匹配的data-url属性.例如,如果您浏览到启用了jQM的页面,其URL为"example-host/some/path#/ features/123",则jQuery Mobile将首先查看当前文档以查找具有该属性的jQM页面data-url="/features/123".如果找到它,则它会隐藏当前的jQM页面并显示它找到的页面.如果找不到它,则它会尝试向URL"example-host/features/123"发出Ajax请求,如果找到有效页面,则将内容加载到另一个jQM页面中.

这些jQM文档链接应该提供进一步的帮助:

一页的解剖

jQM页面模型