Jquery一次又一次地追加相同的项

当我打开主页面（在此）时，列表中有4个项目，然后我单击另一个链接（在页脚中单击“联系人”），当我再次单击主页面（在页脚位置链接）时，单击“联系人”页面 它再次添加项目 如何清除以前的项目

这是我的主页代码

$(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');
....

$（文档）.ready（函数（e）{
$.getJSON（'http://xx1，函数（数据）{
$.each（data.markers，function（i，marker）{
如果（marker.PlaceExtra3==='1'）{
$（“#listu”）.append（“
用于清除列表

$.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');

$.getJSON（'http://xx1，函数（数据）{
//在循环之前清空列表以清除列表
$（“#listu”）.empty（）；
//列表现在为空，继续正常操作
$.each（data.markers，function（i，marker）{
如果（marker.PlaceExtra3==='1'）{
$（“#listu”）。追加（”
我看不到您正在描述的问题。什么是重复的？您试图删除哪些项目？我已经看了2分钟，看不出您在描述什么。我没有看到任何重复的内容…Pl请考虑在JSFIDL.NET或类似服务上提供一个简化的测试用例，因为提供的URL可能或可能不存在于未来读者的这个问题上。谢谢。在Chrome和Firefox浏览器中，它是重复的，而且它是BADI添加的样式，但是它仍然存在这个链接工作的问题（）但在footer中，我单击contact，然后在footer中单击places以返回相同的页面（），它仍然追加和复制我在（我使用的是Chrome）上没有看到相同的行为。此外，出于它的价值，在我上面的示例中，我放置了
.empty（）
调用
$.getJSON
成功函数。您将它们放在页面上调用
$.getJSON
之前。这不会有什么区别，因为
$.getJSON
调用只发生一次（在
document.ready
上）。单击“联系人”，然后单击“地点”因为它们是两个独立的URL，所以不应该有任何区别。是的，它们是不同的URL，但为什么会导致问题？是否有任何解决方案可以证明页面重新加载？我将所有文件移动到另一个主机（）但问题是一样的…在默认情况下，有位置列表，它是有效的，但当我再次单击“联系人”并在“联系人”页面中单击“位置”时，它的样式变差，并且附加了相同的项目…在这张图片中，您可以看到损坏的css…我只需单击链接：