将div框转换成热链接，而不会覆盖他们已有的按钮--JQuery

Question

我正在尝试将您在下面看到的粉红色框内的空白转换为与每个对象关联的链接。我一直试图让这个盒子可以点击google.com，并且无数次尝试都不会交换相应的元素。我最近的尝试看起来如下，其中第一个jquery函数悬停在＆＃34; article＆＃34;确实有效，但它下面的新功能并没有。页面如下：

https://jsfiddle.net/codyc54321/zpLy3og8/1/

$( ".linkbox" ).hover(
  function() { 
    $( this ).attr("href", "www.google.com")
}, function() {
  $( this ).attr("href", "#")
}
);

我需要存档/编辑/删除按钮才能保留其功能，即使它位于较大的粉红色框内。如何在不使用jquery覆盖其他3个按钮的情况下使此框可单击？

Answer 1

您需要在点击锚点时停止传播，以避免事件发生。如下所示：

$('a').click(function(e){
  e.stopPropagation();
});

要激活点击外部div，您可以添加以下功能：

$('.article-link').on('click',function(){
  // Do something
});

将这些功能包装在document.ready中，你就可以了。