在jquery mobile中滚动列表视图时单击事件Fire

Question

我使用jQuery mobile动态创建了一个列表视图，但我在iPad上面临两个问题：

• 在滚动列表行时点击事件正在触发
• 点击一行时我的标题被隐藏了。滚动时遇到此问题。

这是我的代码。

var content = "<table>";
for (i = 0; i < 30; i++) {
    content += '<tr class="row" id="' + i + '"><td>' + 'result ' + i + '</td></tr>';
}
content += "</table>"
$('#here_table').append(content);


$(".row").click(function() {
    alert(this.id);
});

演示：http://jsfiddle.net/ravi1989/Q9QmF/

Answer 1

以下是更新的演示：http://jsfiddle.net/hungerpain/HesVd/7/

我所做的更改

• 为header添加了额外的属性。即使您单击列表，这也会使标题保持在顶部。

  data-tap-toggle="false"
  

• 对列表视图进行格式化，以便只有在您实际点击时才会发生点击。