jQuery Mobile ListView : Change a Value When Clicked

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>

您可以注册一个点击事件处理程序，它将为您提供 <li>回复短信，例如

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

编辑:已更改 vclick至 click .查看documentation .