2012-06-20 101 views
1

在我的Phonegap android應用程序中動態地添加列表項到jqm listview在哪裏點擊一個項目,我正在接受項目索引並將它傳遞給另一個頁面以顯示基於點擊項目的相關信息。它與jqm v1.0a3但現在我更新到jqm v1.1.0和現在onclick事件不工作。任何幫助?onclick事件jqm listview不工作?

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); 
} 

回答

1

你好,請拿在這裏一看(因爲我看不到您的完整代碼)工作演示使用JQM列表視圖http://jsfiddle.net/3RyXz/

這將增加新麗,以及你可以在頁面之間進行導航。

這應該有所幫助,請讓我知道如果我錯過任何東西。

更新演示

這裏與指數警報http://jsfiddle.net/RTpqd/14/(我已經添加了類似的功能,因爲你需要 - getIndexOfClickedListItem :)

行爲:1 - 點擊Add Item鏈接,然後點擊在foo1li你會看到正確的索引值彈出。

代碼

$('.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此功能休息演示將使代碼確實增加了李

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

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

    count++; 
}); 
更加清晰

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

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

部分

+0

Thanx爲您的快速響應。動態項目添加工作正常,但我想要得到listView的單擊項目的索引。 – Tarak

+1

@Tarak aha看到這裏:更清潔,我會更新我的帖子,以及如何使用:http://jsfiddle.net/RTpqd/14/ –

+0

感謝它的工作now.But仍然想知道爲什麼onclick不能與jqm 1.1.0但在1.0a下正常工作。 – Tarak

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();