Question

我必须将click事件添加到动态列表视图中。当我单击此列表时，它会重定向到更多详细信息页面。我正在获取特定区域中可用的酒店列表并插入列表视图。现在，当我点击任何特定列表酒店重定向到更多详细信息页面。查看可用酒店列表的以下图像列表视图。每个酒店都有唯一的ID所以当我点击任何列表时，它将使用该唯一的酒店ID并从服务器获取该酒店的更多详细信息，并在该特定酒店的一个专用页面上显示。我的问题是如何在动态列表视图中添加点击，传递该唯一的酒店ID ，以便稍后我可以使用该酒店ID从服务器获取更多信息。

enter image description here

我的脚本代码，如何在动态列表中添加点击

    <script> 
                $(document).ready(function(){ 
                    $("#btnReg").click(function(){ 
                        $("#listHotelsOptions").empty();
                        var distance = document.getElementById('distance_id').value; 
                        var output=""; 
                        var hiddenId="";
                        $.ajax({ 
                                url:"http://192.168.1.4/Experiements/webservices/getHotels.php", 
                                type:"GET", 
                                dataType:"json", 
                                data:{type:"login", Distance:distance}, 
                                ContentType:"application/json", 
                                success: function(response){ 
                                console.log(response) 
                                    $.each(response, function(index,value){     
            output+='<li class="hotelDetails"><a href="#hotelPage" style="text-decoration:none;">
  <img alt="chef" src="./images/chef.min.png" width="20px" height="20px" >'+value.Hotel.Name+'   
  has'+value.Hotel.Rooms+'</a></li>';
                            }); 
                            $(".hotelDetails").live('click',function(){


                            });
            $("#listHotelsOption").append(output).listview().listview('refresh'); 
                            }, 
                                error: function(err){ 
                                alert(JSON.stringify(err)); 
                            } 
                        }) //ajax 
                    }); //click 
                }); //ready 
    </script>

Answer 1

你可以将类似.listClass的类放在列表的每个项目中，并添加像

这样的javascript函数

$(".listClass").click(function(){
 called on each item click
})

及其工作正常link

Answer 2

把这段代码

$(".hotelDetails").on('click',function(){

});

一边

$("#btnReg").click(function(){

});

如何在phonegap应用程序的JQuery中将click事件添加到动态列表视图？

2 个答案: