0

我有两个JQM按钮：

  <a id="clearA" href="#" data-role="button">Clear a</a>
  <a id="clearB" href="#mainPage" data-role="button">Clear b</a>

我正在为（超链接/按钮“clearA”）连接点击事件，如下所示：

$("#clearA").click(function (e) {
    e.stopImmediatePropagation();
    e.preventDefault();
    console.log("Me? I got clicked");
});

当我单击“clearA”时，事件被触发，但按钮不显示其按下的动画/状态。如果我单击非连线按钮“clearB”，则该按钮会动画。

为什么按钮“clearA”没有动画？

更新 我正在使用 JQM 1.1.0

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script>
4

1 回答 1

0

使用从 cdn 获取的最新版本的 jquery mobile 运行此代码，两个按钮的工作方式完全相同，您可以尝试使用以下版本来查看它是否适合您吗？

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>

更新：

JQM 1.1 仍然是一个不稳定的版本，它有一些粗糙的边缘。使用该版本，没有一个按钮对我来说正常工作，这似乎是因为库没有将主题数据属性正确分配给按钮。

添加这个小修改（以差异格式）有效：

4216a4217,4218 > e.setAttribute( "data-" + $.mobile.ns + "theme", o.theme );
于 2012-04-05T11:51:49.360 回答