data-url属性在jquery mobile中做了什么？

Question

尝试找出网页的基本结构，并遇到了具有data-url属性的博客。这究竟是什么意思？

Answer 1

该属性用于标识jQM自动生成的页面。来自 jQM docs ：

  

...由...自动生成的页面   插件使用以下特殊功能   data-url结构：＆lt; div   数据-URL = “page.html中＆安培; subpageidentifier” ＆GT;

     

因此，例如，生成的页面   listview插件可能有一个   像这样的data-url属性：   数据-URL = “artists.html＆安培; UI页=列表视图-1”

     

请求页面时，jQuery   Mobile知道将URL拆分为   “＆amp; ui-page”并发出HTTP请求   之前的URL部分   键。在listview的情况下   上面提到的例子，URL会   看起来像这样：   http://example.com/artists.html&ui-page=listview-1   ...并且jQuery Mobile会请求   artists.html，然后会   生成其子页面，创建   div与   数据-URL = “artists.html＆安培; UI页=列表视图-1”，   它将显示为   活动页面。

     

注意data-url属性   该元素包含完整的URL   路径，而不仅仅是之后的部分   ＆安培; UI页=。这允许jQuery Mobile   使用单一的一致机制   匹配URL到页面data-url   属性。

Answer 2

data-url属性还用于在使用重定向或链接到目录时更新哈希。查看Redirects and linking to directories部分。