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

【问题标题】：jQuery Mobile: how to make buttons that don't reload the page (href)?jQuery Mobile：如何制作不重新加载页面的按钮（href）？
【发布时间】：2012-06-01 11:08:07
【问题描述】：

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

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

这会加载引用的页面。

当使用 # 时，它会重新加载当前页面。

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

我们如何定义一个不是链接的按钮，并在其上发生事件时简单地触发事件处理程序？

编辑：我对所见所闻的解释是错误的。单击带有 href="#" 的按钮不会重新加载页面。我应该删除这个问题，因为它没有意义。

【问题讨论】：

所以你想阻止用户点击超链接时的默认行为？
是的。在我的 Android 手机上使用时，我看到标题正在重新绘制。我怀疑我在做一些低效的事情。在 iPad 上，标题不会重绘。
嗯，你可以在 jquery 中做到这一点 $('a').click(function(e) { e.preventDefault(); });
或只是 Action 哪个更简单
您能指出文档中的哪个位置#刷新了页面吗？

标签： jquery-mobile

【解决方案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>

【讨论】：