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>​