javascript - 在 jQuery Mobile 中滚动 ListView 时单击事件触发

Question

我使用 jQuery Mobile 动态创建了一个 ListView ，但我在 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"
  

• 格式化 ListView ，以便只有在您实际点击它时才会发生点击。