Jquery移动超链接按钮动画未触发

时间:2012-04-05 11:08:31

标签: javascript jquery button jquery-mobile

我有两个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>

1 个答案:

答案 0 :(得分: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仍然是一个不稳定的版本,它有一些粗糙的边缘。使用该版本没有任何按钮适合我,这似乎是因为库没有正确地将主题数据属性分配给按钮。

添加这个小修改(以diff格式)有效:

4216a4217,4218 > e.setAttribute( "data-" + $.mobile.ns + "theme", o.theme );