jQuery Mobile列表视图:单击时更改值

Question

我在回答问题时遇到了麻烦.所以我在jQuery mobile中有一个listview,它是动态创建的.单击列表项时,我只想获取他们单击的项目的文本,而不是链接到外部页面.

在我的情况下,它是一个名单列表,我想知道他们点击了哪一个.我用HTML创建了列表:

<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>

单击某个项目时,我想使用他们选择的名称运行某些功能.我怎样才能做到这一点？

然后使用以下命令动态更新它:

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

假设你的listview看起来像这样:

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

你可以注册一个click事件处理程序,它会给你<li>回复文本,例如

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

编辑:已更改vclick为click.请参阅文档.