Question

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

在我的情况下，它是一个名单列表，我想知道他们点击了哪一个。我用HTML创建了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

假设您的列表视图如下所示：

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

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

1 个答案: