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

Question

试图找出页面的基本结构,并遇到了具有该data-url属性的博客.这到底是什么意思？

Answer 1

该属性用于标识由jQM自动生成的页面.来自jQM文档:

...插件自动生成的页面使用以下特殊数据 - 网址结构:<div data-url ="page.html&subpageidentifier">

因此,例如,listview插件生成的页面可能具有如下所示的data-url属性:data-url ="artists.html&ui-page = listview-1"

当请求页面时,jQuery Mobile知道将URL拆分为"&ui-page"并在该密钥之前向URL的一部分发出HTTP请求.对于上面提到的listview示例,网址如下所示:http: //example.com/artists.html&ui-page=listview-1 ...并且jQuery Mobile会请求artists.html,然后生成它的子页面,用data-url ="artists.html&ui-page = listview-1"创建div,然后它将显示为活动页面.

请注意,元素的data-url属性包含完整的URL路径,而不仅仅是&ui-page =之后的部分.这允许jQuery Mobile使用单一的一致机制来匹配URL到页面data-url属性.