javascript - 在jquery mobile中滚动列表视图时单击事件触发

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"
  

• 格式化列表视图，以便单击仅在您实际点击它时发生。