jQueryモバイルリストビュー：クリックしたときの値の変更

Question

私の質問に悩まされています。だから私はjQueryモバイルでリストビューを持っており、それは動的に作成されました。リスト項目がクリックされたときに外部ページにリンクするのではなく、クリックした項目のテキストを取得できるようにしたいだけです。

私の場合は名前のリストで、どの人がクリックしたのか知りたいのですが。項目をクリックすると

<div data-role="content" data-theme="b"> 

     <div id="friends_list_view" class="content-primary" data-theme="c"> 
      <ul data-role="listview" data-filter="true" data-theme="c"> 
      </ul> 
     </div> 
    </div> 

が、私は、彼らが選択した名前を使用して、いくつかの機能を実行したい：私はHTMLでリストを作成しました。どうやってやるの？

、その後、動的で、後でそれを更新：あなたのリストビューは次のようになりますと仮定すると

var listString = null; 
for(i in session_library){ 
     listString = '<li><a href="#">'+session_library[i]['name']+'</a></li>'; 
     $("#friends_list_view ul").append(listString); 

} 

$("#friends_list_view ul").listview('refresh'); 

Answer 1

：

<ul data-role="listview" data-filter="true" data-theme="c" id="my_listview"> 
     <li>Row A</li> 
     <li>Row B</li> 
</ul> 

あなたが戻ってあなたの<li>テキストを与えるクリックイベントハンドラを登録することができます、例えば

$('#my_listview').delegate('li', 'click', function() { 
    alert(this.innerText); 
});  
​ 

編集：clickへvclickを変更しました。 documentationを参照してください。