Question

我有一个包含一些列表项的jquery移动列表。我只想删除旧项目并动态添加新项目。我尝试了以下代码，但它不会删除以前的列表项，并在它们下面添加新项。

  <div data-role="page" id="main">
  <div data-role="content">
  <ul data-role="listview" id="listing">
  </ul>
   <button onclick="loadList()">Click</button>
   </div>
    </div>

   var  c1 = 0;
   var c2 = 10;
   function loadList() {
    $('#listing').empty();
    location.reload();
   for(var i = c1; i<c2; i++) {
    $('#listing').append('<li>'+i+'</li>');
     }
    c1+=1;
    c2+=1;
   }

Answer 1

首先，您必须将您的JavaScript代码编写到<script>标记中。（如果您在脚本标记内写入编辑问题并添加脚本标记）。您的代码工作正常。但是有一个问题。当您的正在调用location.reload()它会刷新您的页面，因此它会将项目添加到您的ul中，但在重新加载后会再次删除它们。所以您没有看到任何更改。如果您希望它能够正常工作，请删除{ {1}}

location.reload()

在jquery中清空和添加列表中的新项目

1 个答案: