锚标签表现得非常奇怪

Question

我在网站上有一个锚标记如下：

<a href="http://www.abc.com/..." class="abc-profileinsider-popup">
  <img src="..." />
</a>

问题是它在点击时永远不会将页面重定向到href。

每当我将类abc-profileinsider-popup重命名为X-profileinsider-popup时，其中X是除abc之外的任何字符串，它都有效。任何人都可以说出这种行为背后的原因吗？

Answer 1

我认为代码中有一个事件处理程序可以阻止默认行为，并且它特意附加到元素上 abc-profileinsider-popup上课。

如果是这种情况，你应该找到类似的东西：

myAnchor
  .addEventListener("click", function (event) {
    event.preventDefault();
  });

我会在您的代码库中搜索字符串 abc-profileinsider-popup 的出现次数。

这是我写的一篇文章，以防您需要有关W3C event model的更多信息。

Answer 2

您在某个地方使用javascript函数将事件附加到具有该类的元素：abc-profileinsider-popup。

此函数必须返回false，表示链接未处理。尝试禁用javascript来确认这一点，该链接应该与禁用的Javascript一起使用。

然后搜索代码，看看它在做什么：）