jQuery Mobile：如何制作不重新加载页面的按钮（href）？

Question

根据jQuery 1.1.0 Mobile documentation，按钮应定义为链接。

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