3

これは私の最初の質問であり、以前に質問されていないことを確認するのに十分な調査を行ったことを願っています. 他の誰もこの問題を抱えていないのだろうか。

私の問題を説明するためにフィドルを作成しました: http://jsfiddle.net/KA54D/

<!DOCTYPE HTML>
<body>
    <div data-role="page" id="page1">
        <div data-role="header">
            <h3>Page 1</h3>
        </div>
        <div data-role="content">
            <button data-icon="check">Click me at my border</button>
        </div>
    </div>
</body>

次の JavaScript コードを使用します。

$('button').click(
  function() {
    $('.ui-content').append('click ');
  }
);

クリック イベントをボタンにバインドする場合、ボタンの境界をクリックしても、このイベントは発生しません。しかし、スタイルのダウン状態がトリガーされます。

次のような構造は好きではありません。

$('button').closest('.ui-btn').click(...)

それは本当に流動的ではないからです。フレームワークによって後で追加されるため、設計時には .ui-btn はありません。libによって内部的に行われたことは気にしたくありません。イベント、属性、css-classes などをボタンの含まれる要素に再割り当てするように jQuery Mobile に指示する方法はありますか?

4

4 に答える 4