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

Demo

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


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

jQuery Mobile - 使用onclick on按钮的正确方法？

2 个答案: