Question

我正在拼命想让链接图片上的链接正常工作，但每当我点击链接时，我的浏览器（Chrome和Firefox）就会告诉我他们正在连接到页面，我得到一个连续旋转的图像如果浏览器正在做某事。如果我在另一个标签页中打开，该链接将完美运行。

有问题的div在Wordpress页面中编码和设置样式。我正在为客户更改另一位开发人员的工作。

这是div：

<div style="position: absolute; top: 645px; left: 80px; width: 150px;">
  <a href="http://themoneycouple.com/?p=4681" target="_top" style="display:inline-block">
    <img src="http://themoneycouple.com/wp-content/uploads/2013/10/kit-history.png" alt="Toolkit History Link" width="150" height="170" style="position:relative; display:block; z-index:999999999999;" />
  </a>
</div>

这是它所在的页面：http://themoneycouple.com/resources/love-and-money-kit/

我尝试过多种方式更改每个元素的z-index，尝试以各种方式更改链接目标，更改显示设置等。

最后一点，此页面上有很多iframe，我不确定这些是否会以某种方式弄乱。非常感谢您的帮助。

Answer 1

我想我找到了你的意思链接，它上面有一个fancybox类，所以我认为它试图为你的链接打开一个fancybox javascript插件弹出窗口...这是一个重定向并且没有这样做，因为我可以右键单击该链接并转到open in new tab并且它可以正常工作。

Answer 2

看起来该HREF的URL正在尝试使用fancybox协议将页面加载为模式。这是预期的吗？

该页面ID是否存在？它看起来URL看起来与网站上的其他页面URL不同。

有一个jQuery函数，它针对每个带有A标签的IMG标签，并应用一类“fancybox”。修改此函数的特殊性以排除库中的最后一项。更好的是，创建一个新类并将其添加到应具有fancybox功能的元素中。在HREF转到页面而不是打开图像的其他页面上也会出现同样的问题。

当前的jQuery函数：

var thumbnails = jQuery("a:has(img)").not(".nolightbox").filter( function() { return /\.(jpe?g|png|gif|bmp)$/i.test(jQuery(this).attr('href')) });

thumbnails.addClass("fancybox").attr("rel","fancybox").getTitle();

绝对定位的div中的死链接

2 个答案: