0

私は2つの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」がアニメーションしないのはなぜですか?

UPDATE 私は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から取得した最新バージョンのjquerymobileでこのコードを実行すると、両方のボタンがまったく同じように機能します。次のバージョンを使用して、機能するかどうかを確認できますか？

<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 );
于 2012-04-05T11:51:49.360 に答える