在jQuery Mobile中，如何防止链接成为页眉或页脚中的按钮？

Question

我正试图实施新的jQuery Mobile Alpha 2.目前，data-role="header"或data-role="footer"内的任何链接都会变成按钮。有没有办法禁用？

Answer 1

新版本的jQuery Mobile（1.3pre）已经解决了这个问题。 从手册：

“如果你需要创建一个标题 不遵循默认 配置，则只需将您的自定义 风格的标记在一个div容器 头容器和 内插件将不会应用自动 按钮逻辑，因此您可以编写自定义 样式来布局 您的标题中的内容。“

如果你grab the source from github它会工作。通过@gleitz基于答案

Answer 2

我也想知道！我已经尝试在链接中添加rel="external"，但这似乎被页眉和页脚忽略了。

@naugtur：我现在用ajax刷新它。谢谢你的提示。但我仍然希望这个问题在下一个版本中得到解决（不能等待;我已经在使用开发分支的包：D）。

@Update：https://github.com/jquery/jquery-mobile/issues/issue/714（我不小心关闭了票，不能再重新打开-_-）

Answer 3

我不知道有任何直接的选项来做到这一点在HTML的，但我不得不承认 - 我没有没有太多的搜索。

你可以在这些方式中的一种预期的效果：

1. 删除一个CSS类button和/或其他需要
2. 不会增加他们在HTML - 将它们插入链接时，DOM已准备就绪而且它们不会更改为按钮。

第一种方法更好，因为它对具有不良JS支持的浏览器会降级。

Answer 4

例子：

<div data-theme="a" data-role="header" data-position="fixed"> 
     <div> <!-- new bit --> 
      <a href='nextpageetc.php'>Not a button </a> 
     </div> <!-- new bit --> 
</div> 

Answer 5

另一种解决方案是使用数据角色=“无”属性：

<div data-role="header"> 
    <a href="somewhere" data-role="none">Not a jQM button</a> 
</div>