9

的目的究竟是什么data-role="content"？我正在测试一些东西，比如动画/过渡等，所以当我从包含内容的容器 div 中删除它时，一切仍然有效。

例如，如果我这样做：

<div id="secondPage" data-role="page">
    <div data-role="header">
    <h1>This is page 2 </h1>
    </div>

    <div data-role="content">
       <p>This is page 2 with some regular text here.</p>
       <p><a href="#firstPage" data-direction="reverse">Go to first page.</a></p><br/>
    </div> 
</div>

它可以正常工作，但是如果我然后删除该data-role="content"部分并使其例如像这样：

  <div id="secondPage" data-role="page">
        <div data-role="header">
        <h1>This is page 2 </h1>
        </div>

        <div>
           <p>This is page 2 with some regular text here.</p>
           <p><a href="#firstPage" data-direction="reverse">Go to first page.</a></p><br/>
        </div> 
    </div>

它仍然有效，所以我对它的需要有点模糊。那么它有什么意义呢？

4

2 回答 2

7

这data-role="content"只是一个约定，不是必需的。

引用jQuery 网站：

“尽管上面概述的页面结构是使用 jQuery Mobile 构建的标准 Web 应用程序的推荐方法，但该框架在文档结构方面非常灵活。页面、页眉、内容和页脚数据角色元素是可选的，主要用于提供一些基本的格式和结构。过去自动初始化工作所需的页面包装器现在对于单页文档是可选的，因此根本不需要任何标记。对于具有自定义布局的网页，所有这些结构元素中的一部分可以省略，Ajax 导航和所有小部件都可以像在样板结构中一样工作。”

虽然它们不是必需的，但 jQuery 使用它们在 pagecreate 中应用类，data-role="content"例如带有 div 的类.ui-content将添加到其中。

于 2012-08-22T03:20:51.223 回答
1

JQueryMobile 转换应用于data-role="page"元素而不是data-role="content"

于 2012-08-21T03:53:00.127 回答