Question

有一个列表视图，这是在加载页面时动态加载的。这会在列表视图中添加元素。问题是我已经放置了后退按钮。在转到上一个屏幕并返回当前屏幕后，它正在加载数据并附加到列表视图。

I need to remove the <li> elements from the list view.

The HTML code snippet.
<ul id="mymenu" data-role="listview" >
</ul>

Jquery Code Snippet.
$("#mypmenu").append('<li><a href='+ "#" + ' id="a"  "> <img src="letterheader.png" >'+ this.textContent + '  </a> </li>'); 


Now i need to remove the elements from the list view (mymenu)which are loaded already.

Answer 1

在先添加列表项之前尝试清空列表。之后，请务必调用listview小部件的刷新功能，以便jQuery Mobile正确呈现您的列表。

$("#mypmenu").empty().append('<li><a href='+ "#" + ' id="a"  "> <img src="letterheader.png" >'+ this.textContent + '  </a> </li>').listview("refresh");

另见http://forum.jquery.com/topic/dynamically-generated-listview

Answer 2

$("mypmenu").empty(), followed by $("mypmenu").append()

为我做的工作

Answer 3

这项工作对我来说

$("mypmenu li").remove();

Answer 4

不要使用追加。
使用

$("#mypmenu").html('<li><a href='+ "#" + ' id="a"  "> <img src="letterheader.png" >'+ this.textContent + '  </a> </li>').listview("refresh");

Answer 5

在“ pagecreate”中编写代码，这只会运行一次代码。

$(document).on("pagecreate", "#pageone", function () {}

page create

如何从listview JQUERY mobile中删除元素

5 个答案: