您的点击处理程序正在触发一个新的点击事件，该事件由点击处理程序处理，该点击事件又触发一个新的点击事件，该事件由点击处理程序处理，最终导致堆栈溢出。

在评论中（现在在更新的问题中），您已经阐明了此代码的用途：

The red area needs to be clickable, not just the link. That's why I'm trying to use .trigger() so that I can trigger a click in the child link inside the div when the div is clicked on.

这需要进行一些更改，而不仅仅是修复无限循环：

• 您现有的代码正在事件目标本身上寻找 href ，这不会允许红色区域可点击（因为事件目标不一定是具有 href 属性的元素）。我已将其更改为忽略事件目标（这不是您真正关心的），而是仅从容器元素内的链接中提取 href。

• 在您的 if 子句中，您使用了 || ，而您想说的是 && （“如果不是 X 或不是 Y”将始终为真；“如果不是 X 并且 不是 Y”是您在此处的意思。）

此处通过直接设置窗口位置而不是触发另一个点击事件来解决无限递归。

$(function() {
  $(".container").click(function(e) {
    var clickTarget = $(this).find("a.container-link").attr("href");
    if (clickTarget && clickTarget !== "#") {
      window.location=clickTarget;
    } else {
      // prevent link navigation from occurring
      console.log("Blocking click");
      e.preventDefault();
    }
  });
});

.container {
  padding: 10px;
  margin-bottom: 1rem;
  background-color: red;
  cursor: pointer
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <a class="container-link" href="https://example.com">Normal link</a>
</div>
<div class="container">
  <a class="container-link" href="#">Blocked link</a>
</div>

您可以选择检查点击的是链接还是容器。如果是链接，则不要触发另一次点击。

$(function() {
  $(".container").click(function(e) {
    var $containerLink = $(this).find('.container-link');
    //check to see if the container was clicked, or if the link was clicked
    var linkWasClicked = $(e.target).is('.container-link');
    
    if (['#', undefined].indexOf($containerLink.attr('href')) > -1) {
      e.preventDefault();
    } else if (!linkWasClicked) { //only trigger the link if it was not clicked
      $containerLink[0].click();
    }
  });
});

.container {
  padding: 50px;
  margin-bottom: 1rem;
  background-color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <a class="container-link" href="https://google.com">link</a>
</div>
<div class="container">
  <a class="container-link" href="#">link</a>
</div>

单击容器时，您会触发对其内部链接的单击，该单击会传播回容器，再次单击链接，依此类推。您正在以递归方式一遍又一遍地单击链接，这会导致错误。在容器的 click 事件处理程序中，您需要检查事件的 currentTarget 是否等于事件的单击链接目标（防止递归）。要触发单击链接以重定向到另一个页面，您需要获取要单击的实际 DOM 元素（而不是 jQuery 对象），如下所示： clickTargetLink[0].click() （jQuery 始终返回元素数组）。

.container {
  padding: 50px;
  margin-bottom: 1rem;
  background-color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container">
  <a class="container-link" href="http://www.example.com">link</a>
</div>
<div class="container">
  <a class="container-link" href="#">link</a>
</div>
<script>
$(function() {
	$(".container").click(function(e) {
    var clickTarget = $(e.target).attr("href");
    var clickTargetLink = $(this).find(".container-link");
      if (e.currentTarget==e.target) {
        clickTargetLink[0].click();
      } else {
       if(clickTarget!==undefined&&clickTarget == "#"){
       e.preventDefault();
       }
      }
  });
});
</script>