Javascript 防止单击div以创建基础<；a href

我想防止点击ng repeat中href顶部的覆盖按钮（div），这是neg repeat，最喜欢的删除按钮位于

<div style="margin-top:110px;" id="favoritecdlist" ng-controller="UserController">
     <div class="cdscrollcontainer" ng-repeat="cd in favoriteCds">
            <a href="~/cd/{{cd.id_cd}}" class="cdscrollcell" id="{{cd.id_program}}">
              <div class="favorite-delete" ng-click="RemoveCDFromFavoriteList(cd.id_cd)">x</div>
                 <img class="cdimage" ng-src="{{cd.url}}">
                 <div class="cdimagebackground">
                 <div class="cdtitle">{{cd.cdName}} ({{cd.ReleaseYear}})</div>
              </div>
            </a>
     </div>
</div>

问题是，当我点击收藏夹删除时，我实际上会将图像从列表中删除，它会将图像从数据库中删除，但直接在加载包含CD详细信息的页面之后。如何防止这种情况发生，我尝试了StopRoPagation和preventdefault，但似乎无法使其工作，以及使用指令，无法使其工作。我需要做什么才能让它工作

我尝试将以下内容添加到userController.js

    $(document).ready(function(){
        $('favorite-delete').on('click', function(event){
            event.preventDefault();
        })
    })

---

但是，如果运气不好，Href链接仍然会加载，我需要这两个链接才能正常工作，我必须添加$event.stopPropagation（）；还有ng点击中的$event.preventDefault（），最后变成了这样，谢谢@wrkonmychine的帮助，我找到了正确的方向（哦，完全忽略$（文档）。准备好了……）这是工作版本

<div style="margin-top:110px;" id="favoritecdlist" ng-controller="UserController">
 <div class="cdscrollcontainer" ng-repeat="cd in favoriteCds">
        <a href="~/cd/{{cd.id_cd}}" class="cdscrollcell" id="{{cd.id_program}}">
          <div class="favorite-delete" ng-click="RemoveCDFromFavoriteList(cd.id_cd); $event.stopPropagation(); $event.preventDefault()">x</div>
             <img class="cdimage" ng-src="{{cd.url}}">
             <div class="cdimagebackground">
             <div class="cdtitle">{{cd.cdName}} ({{cd.ReleaseYear}})</div>
          </div>
        </a>
 </div>

---

在要保持可点击的元素的ng click指令中，添加$event.stopPropagation（）

ng click=“removedFromFavoriteList（cd.id\u cd）；$event.stopPropagation（）；”

出于好奇，如果您不希望锚元素做任何事情，为什么它会在那里？如果升级Angular，还需要重新访问$http分辨率。Angular 1.6进行了一些突破性的更改，不再使用.success（）方法来解决此承诺。您现在必须像普通Promisehi一样使用.then（），我在ng click中尝试了“$event.stop…”，但它不起作用，页面仍然会被加载。你说的锚元素是什么意思？

<div style="margin-top:110px;" id="favoritecdlist" ng-controller="UserController">
 <div class="cdscrollcontainer" ng-repeat="cd in favoriteCds">
        <a href="~/cd/{{cd.id_cd}}" class="cdscrollcell" id="{{cd.id_program}}">
          <div class="favorite-delete" ng-click="RemoveCDFromFavoriteList(cd.id_cd); $event.stopPropagation(); $event.preventDefault()">x</div>
             <img class="cdimage" ng-src="{{cd.url}}">
             <div class="cdimagebackground">
             <div class="cdtitle">{{cd.cdName}} ({{cd.ReleaseYear}})</div>
          </div>
        </a>
 </div>