javascript - 将 div 框转换为热链接，而不覆盖它们已有的按钮 - JQuery

Question

我正在尝试将您在下面看到的粉红色框中的空白转换为与每个对象关联的链接。我一直试图让该框可点击到 google.com，但多次尝试都没有交换适当的元素。我最近的尝试如下所示，其中将鼠标悬停在“文章”上的第一个 jquery 函数确实有效，但下面的新函数却不起作用。页面如下:

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

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

我需要“存档/编辑/删除”按钮来保留其功能，即使它们位于较大的粉红色框中。如何使用 jquery 使该框可点击而不覆盖其他 3 个按钮？

Answer 1

您需要在单击 anchor 时停止传播，以避免触发事件。如下所示:

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

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

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

将这两个函数包装在 document.ready 中，然后就可以开始了。