2

jQuery モバイルを使用してリスト ビューを動的に作成しましたが、iPad で 2 つの問題に直面しています。

  • リスト行のクリックイベントが発生しているスクロール中
  • 行をクリックするとヘッダーが非表示になります。この問題は、スクロール中に発生しました。

これが私のコードです。

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/

4

1 に答える 1

2

更新されたデモは次のとおりです: http://jsfiddle.net/hungerpain/HesVd/7/

私が行った変更

  • に追加の属性を追加しましたheader。これにより、リスト内をクリックしてもヘッダーが上部に残ります。

    data-tap-toggle="false"

  • リストビューをフォーマットして、実際にタップしたときにのみクリックが発生するようにしました。

于 2013-06-16T12:38:58.370 に答える