在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它会起作用。

Answer 2

另一种解决方案是使用data-role =“none”属性：

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

Answer 3

基于@gleitz答案的示例：

<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 4

我也在想！我已经尝试将rel="external"添加到链接中，但是对于页眉来说，这似乎会被忽略。

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

@update：https://github.com/jquery/jquery-mobile/issues/issue/714（我意外地关闭了机票，无法重新打开它-_-）

Answer 5

我不知道在HTML中做任何直接选项，但我承认 - 我没有多搜索它。

您可以通过以下方式之一获得所需的效果：

1. 删除css类button和/或其他所需
2. 不要在html中添加它们 - 在DOM准备就绪时插入链接，它们不会更改为按钮。

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