Javascript location.reload多次加载。。单击后只需重新加载一次

根据客户端请求，我需要重新加载特定的div容器区域。是否可以在没有ajax的情况下单击刷新div容器

相反，我尝试使用下面的代码刷新页面

 $('li.status-item a').click(function() {
    window.location.href=window.location.href;
});

或

这两种代码在我当地的环境中都能正常工作。当我在我们的CMS环境中实现这一点时，在点击链接后每秒自动刷新一次页面。不知道为什么它会自动加载。需要一些专家来解决这个问题

请查看此链接的屏幕截图

HTML代码：

<ul>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('single')">
        <img srcset="images/icons/single.png" alt="">
        <p>Single</p>
    </a>
</li>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('attached')">
        <img srcset="images/icons/attached.png" alt="">
        <p>Attached</p>
    </a>
</li>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('family')">
        <img srcset="images/icons/family.png" alt="">
        <p>Young family</p>
    </a>
</li>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('retire')">
        <img srcset="images/icons/retire.png" alt="">
        <p>Going to retire</p>
    </a>
</li>
</ul>

谢谢，试试这个

---

你能在我的JSFIDLE中复制你的问题吗。我试过你的代码，每次点击只重新加载一次。您的代码将在下面的链接中更新

代码：

---

没有Ajax？这是一个奇怪的要求。该代码不应自动重新加载。您的代码是否在中继器中？可能是您正在将单击事件附加到li.status-item a多次，可以使用.load methodHi Deena完成，谢谢您的评论。但是，您的代码在单击操作发生之前加载。请查看我更新的链接以获取屏幕截图。有4个图标。无论何时，用户单击任何图标。它只需刷新页面一次。再次感谢。为您的问题添加html Hi Deena。。HTML代码已更新。请查收。。提前谢谢我正在再次更新我的答案。请检查并让我知道。谢谢Deena。。你太棒了。。我需要你的另一个提示。是否可以刷新容器而不是刷新整个页面？

<ul>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('single')">
        <img srcset="images/icons/single.png" alt="">
        <p>Single</p>
    </a>
</li>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('attached')">
        <img srcset="images/icons/attached.png" alt="">
        <p>Attached</p>
    </a>
</li>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('family')">
        <img srcset="images/icons/family.png" alt="">
        <p>Young family</p>
    </a>
</li>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('retire')">
        <img srcset="images/icons/retire.png" alt="">
        <p>Going to retire</p>
    </a>
</li>
</ul>

   <ul>
<li class="status-item">
    <a href="javascript:;" id="single" data-ng-click="setProfileStatus('single')">
        <img srcset="images/icons/single.png" alt="">
        <p>Single</p>
    </a>
</li>
<li class="status-item">
    <a href="javascript:;" id="attached" data-ng-click="setProfileStatus('attached')">
        <img srcset="images/icons/attached.png" alt="">
        <p>Attached</p>
    </a>
</li>
<li class="status-item">
    <a href="javascript:;" id="family" data-ng-click="setProfileStatus('family')">
        <img srcset="images/icons/family.png" alt="">
        <p>Young family</p>
    </a>
</li>
<li class="status-item">
    <a href="javascript:" id="retire"  data-ng-click="setProfileStatus('retire')">
        <img srcset="images/icons/retire.png" alt="">
        <p>Going to retire</p>
    </a>
</li>
</ul>
   <script>
$("li.status-item a").click(function() {
var url=document.URL;
var res = url.split("?");
var id=$(this).attr("id");
    if (window.location.href.indexOf(id)==-1) {
         window.location.href=res[0]+'?'+id;

    }

});
</script>

$('li.status-item a').click(function() {
    alert('Reload');
    location.reload();
});

<ul>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('single')">
        <img srcset="images/icons/single.png" alt="">
        <p>Single</p>
    </a>
</li>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('attached')">
        <img srcset="images/icons/attached.png" alt="">
        <p>Attached</p>
    </a>
</li>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('family')">
        <img srcset="images/icons/family.png" alt="">
        <p>Young family</p>
    </a>
</li>
<li class="status-item">
    <a href="#" data-ng-click="setProfileStatus('retire')">
        <img srcset="" alt="">
        <p>Going to retire</p>
    </a>
</li>
</ul>