13

我正在尝试实现新的 jQuery Mobile Alpha 2。目前，其中的任何链接data-role="header"或data-role="footer"成为按钮。有没有办法禁用它？

4

5 回答 5

22

新版本的 jQuery Mobile (1.3pre) 已经修复了这个问题。从手册：

“如果您需要创建不遵循默认配置的标题，只需将自定义样式标记包装在标题容器内的容器 div 中，插件将不会应用自动按钮逻辑，因此您可以编写自定义样式在标题中布置内容。”

如果您从 github 获取源代码，它将起作用。

于 2011-01-25T02:19:38.920 回答
13

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

<div data-role="header">
  <a href="somewhere" data-role="none">Not a jQM button</a>
</div>
于 2012-12-10T20:18:53.597 回答
2

基于@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>
于 2012-09-10T13:51:12.777 回答
0

我也纳闷！我已经尝试添加rel="external"到链接中，但是对于页眉和页脚来说，这似乎被忽略了。

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

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

于 2010-12-22T21:08:08.353 回答
0

我不知道在 HTML 中执行此操作的任何直接选项，但我承认 - 我没有搜索太多。

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

  1. 删除一个 CSS 类button和/或其他需要的
  2. 不要在 html 中添加它们 - 当 DOM 准备好时插入它们链接，它们不会更改为按钮。

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

于 2010-12-22T21:19:55.473 回答