1

在我的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);
}
4

2 回答 2

2 
      var items=new Array();          
      for(i=0;i<data.resulrset.length-1;i++)
      {
         items.push("<li onclick='getvalue(\""+data.resulrset[i].city_name+"\")'><a href='#'>"+ data.resulrset[i].city_name + "</a></li>")              
      }
      var liinner_html=items.join('');      
      $("#list").html(liinner_html);
      $(list).show();
于 2012-06-20T08:59:17.600 回答
1

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

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

这应该会有所帮助，如果我遗漏了什么，请告诉我。

更新的演示

这里有索引警报http://jsfiddle.net/RTpqd/14/（我已经添加了您需要的类似功能 - getIndexOfClickedListItem:)

行为： 1st - 单击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++;
});
于 2012-06-20T08:27:20.067 回答