2013-04-16 123 views
0

當我打開主頁(在此URL)它有4個項目在列表中,然後我點擊另一個鏈接(在頁腳我點擊聯繫人)和聯繫頁面時,我再次點擊主頁在頁腳的地方鏈接) 它再次附加項目 我如何清除以前的項目?jquery一次又一次添加相同的項目

這是我的主網頁代碼

$(document).ready(function (e) { 

       $.getJSON('http://xx1', function (data) { 

        $.each(data.markers, function (i, marker) { 

         if (marker.PlaceExtra3 === '1') { 

          $("#listeu").append("<li data-role='list-divider' role='heading' class='ui-li ui-li-divider ui-bar-b ui-li-has-count' style='text-align:center'> <a href='http://localhost:65028/Home/KonuDetail/ " + marker.PlaceID + "' </a> " + marker.PlaceExtra2 + " - " + marker.PlaceName + " </li>"); 
          $("#listeu li:last").fadeIn("slow"); 
          $(".ui-btn-inner:eq(0)").css("background", 'red'); 
.... 
+1

我沒有看到您所描述的問題。什麼是重複的?你想要刪除哪些項目? – Justin

+0

我一直在看它2分鐘,我無法弄清楚你在描述什麼。我沒有看到任何重複的東西...... –

+0

請考慮在jsfiddle.net或類似的服務上提供一個簡化的測試用例,因爲提供的URL可能會或可能不會用於此問題的未來讀者。謝謝。 –

回答

0

使用.empty()清除您的列表。

$.getJSON('http://xx1', function (data) { 
    // empty list before the loop to clear the list 
    $("#listeu").empty(); 
    // list is now empty, continue as normal 
    $.each(data.markers, function (i, marker) { 
    if (marker.PlaceExtra3 === '1') { 
     $("#listeu").append("<li data-role='list-divider' role='heading' class='ui-li ui-li-divider ui-bar-b ui-li-has-count' style='text-align:center'> <a href='http://localhost:65028/Home/KonuDetail/ " + marker.PlaceID + "' </a> " + marker.PlaceExtra2 + " - " + marker.PlaceName + " </li>"); 
     $("#listeu li:last").fadeIn("slow"); 
     $(".ui-btn-inner:eq(0)").css("background", 'red'); 
+0

我添加了它,但它仍然有問題 – user1688401

+0

此鏈接工作(http://e.yazilimsozluk.com/Home/Index),但在頁腳我點擊聯繫人和然後在頁腳我點擊地方返回相同的頁面(http://e.yazilimsozluk.com/Home/Index),它仍然追加和重複 – user1688401

+0

我沒有看到在http://e.yazilimsozluk.com相同的行爲/ Home/Index(我正在使用Chrome)。另外,對於它的價值,在我上面的示例中,我將'.empty()'調用放在'$ .getJSON'成功函數中。你把它們放在你頁面上''.getJSON'的調用之前。它應該沒有什麼不同,因爲'$ .getJSON'調用只發生一次(在'document.ready'上)。點擊「聯繫人」,然後點擊「地點」應該沒有什麼不同,因爲它們是兩個單獨的網址。 – pete

相關問題