1

私のPhonegap Androidアプリケーションでは、アイテムをクリックするとリストアイテムがjqmリストビューに動的に追加され、アイテムインデックスを取得して別のページに渡して、クリックされたアイテムに基づいて相対情報を表示します.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

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++;
});
于 2012-06-20T08:27:20.067 に答える