Question

New Bie：我有一个使用json format从数据库获取的列表数据并显示到listview中。但我仍然混淆如何获取列表视图的选定索引，这是我的代码：

<script>
    function loadListTips(){
    $('#message').html('Loading...');
    $.ajax({
        type: 'get',
        url: "http://10.0.2.2/compfest/ajax/belajar/list_tips.php",
        success: function(response){
            var html = '';
            $.each(response, function(index,item){
                html += '<li>';
                html += '<a>';
                html += '<span class="judul">' + item.judul + '</span>';
                html += '</a>';
                html += '</li>';
            });
            $('#penyakit_list').html(html);
            $('#penyakit_list').listview('refresh');
            $('#message').html('');
        },
        error: function(e){
            alert('Error: ' + e);
        }
    });
}
</script>

希望有人帮助我。

Answer 1

您不需要li的选定索引来绑定click事件。您可以尝试使用事件委派来绑定您的点击事件。将点击事件绑定到ul并将其委托给li。

$("#penyakit_list").on("click", "li a", function() {
  //your code
});

另一个选项是将点击绑定到document：

$(document).on("click", "#penyakit_list li a", function() {
  //your code
});

要访问索引，只需在click事件中使用：

$(this).closest("li").index();

其中this是您刚刚点击的a。所以现在你的点击事件看起来像这样：

$(document).on("click", "#penyakit_list li a", function() {
      alert($(this).closest("li").index()); // this will give the index of the li. You could store it in a variable and send it via ajax.
});

Answer 2

+1转到bundleofjoy！

我无法添加评论，因为我的＃34;声誉点＆＃34;低于限值以添加评论。

我将此答案用作alert($(this).closest("li").attr("id"));

祝你有个美好的一天！

如何获得选择索引JQuery Mobile Listview

2 个答案: