jquery-mobile - jQuery Mobile:ページをリロードしないボタンを作成する方法(href)?

Question

jQuery 1.1.0 Mobile のドキュメントによると、ボタンはリンクとして定義する必要があります。

<a href="index.html" data-role="button">Link button</a>

これにより、参照されたページが読み込まれます。

# を使用すると、現在のページがリロードされます。

<a href="#" data-role="button">Action</a>

リンクではなく、イベントが発生したときにイベント ハンドラーをトリガーするだけのボタンを定義するにはどうすればよいでしょうか。

編集：私が見たものの解釈は間違っていました。href="#" のボタンをクリックしても、ページはリロードされません。意味不明なので質問を削除します。

Answer 1

私の理解でhref="#"は、ページは更新されません。例:

• http://jsfiddle.net/XNLWS/

jQM ドキュメントは次のとおりです。

• http://jquerymobile.com/demos/1.1.0/docs/buttons/buttons-types.html

カスタム イベントを探している場合の例を次に示します。

• http://jsfiddle.net/XNLWS/1/

JS:

$( "#myButton" ).bind( "click", function(event, ui) {
    alert('Custom action here');
});​

HTML:

<div data-role="page" id="home">
    <div data-role="content">
        <a href="#" data-role="button" id="myButton">Link button</a>
    </div>
</div>​