jquery-mobile - jQuery Mobile - 在按钮上使用 onclick 的正确方法？

Question

在我的应用程序中，我按下了一个按钮，可以返回一些数据，它在我的网络浏览器中运行良好，但在我的手机上运行它似乎根本不起作用 - 这是什么原因，谁能告诉我正确的方法做这个？

<a href="" data-role="button" data-inline="true" data-icon="refresh" data-theme="b" onclick="loadXMLDoc()">Generate</a>

Answer 1

正确的方法是：

HTML：

<a href="" data-role="button" data-inline="true" data-icon="refresh" data-theme="b" id="some-button">Generate</a>

Javascript：

$(document).on('click','#some-button',function() {
    loadXMLDoc();
});

使用 jQuery Mobile 时不应使用内联 javascript 事件绑定。即使DOM中不存在元素，我提供的解决方案也可以使用。

工作示例：http: //jsfiddle.net/Gajotres/25NUK/

Answer 2

演示

<a href="" class="testbutton" data-role="button" data-inline="true" data-icon="refresh" data-theme="b">Generate</a>


$('.testbutton').click(function() {
      loadXMLDoc();
  });