jquery - jqm listview上的onclick事件不起作用？

在我的Phonegap android应用程序中，将列表项动态添加到jqm listview上，在其中单击某项时，我获取了该项的索引并将其传递到另一页以显示基于所单击项的相对信息。在jqm v1.0a3上运行良好，但现在我已更新到jqm v1.1.0，现在onclick事件无法正常工作。有帮助吗？

for(var i=0;i<result.length;i++)
{
 var li=document.createElement("li");
  li.innerHTML="<a onclick='getIndexOfClickedListItem("+i+");'></a><p><b>CustName</b>"+result[i].fields.NAME+</p>";
 ul.appendChild(li);
}

最佳答案

Hiya请使用JQM列表视图http://jsfiddle.net/3RyXz/在这里查看（因为我看不到您的完整代码）工作演示

这也将添加新的li，您可以在页面之间导航。

这应该会有所帮助，如果我遗漏任何东西，请告诉我。


更新的演示


此处带有索引警报http://jsfiddle.net/RTpqd/14/（我添加了您需要的类似功能-getIndexOfClickedListItem ：）

行为：1-单击Add Item链接，然后单击foo1 li，您将看到弹出正确的索引值。

码

$('.add').click( function(){
    $('#1, #2').append('<li><a onclick="getIndexOfClickedListItem('+count+');"> foo' + count + '</a></li>');

    $(this).closest('.ui-content').find('.ui-listview').listview('refresh');

    count++;
});

getIndexOfClickedListItem函数，这里的其余演示将使内容更加清晰

//adding click on new list item for index
function getIndexOfClickedListItem(str){

     alert("The clicked list index is ==>" + str);
}

确实添加li的部分代码

$('.add').click( function(){
    $('#1, #2').append('<li>' + count + '</li>');

    $(this).closest('.ui-content').find('.ui-listview').listview('refresh');

    count++;
});

关于jquery - jqm listview上的onclick事件不起作用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11115483/