0

如果您能够帮助我，请提前感谢您，因为我真的无法找出问题所在。

我试图在鼠标悬停链接时显示图像。做了很多研究，找到了一个非常简单的 jquery 脚本来做到这一点。我在我的测试页面上实现了它，它运行良好： http ://hearthstonehelp.com/test.html （请注意我在下面的示例中使用直接链接来简化测试）

<html>
<head>
  <script type="text/javascript" src="http://www.hearthstone.com/images/styles/gamingo/js/jquery.min.js"></script>
  <script type="text/javascript" src="http://www.hearthstone.com/images/styles/gamingo/js/tooltip_card.js"></script>
</head>

<body>
  <a href="http://eu.battle.net/hearthstone/static/images/cards/03.png" class="hearthstonecardimage" rel="http://eu.battle.net/hearthstone/static/images/cards/03.png">Fireball</a>
</body>

</html>

现在，在我的 vbulletin 实例中实现完全相同的东西时：http: //hearthstonehelp.com（尽管具有完全相同的代码，但它不显示图像）。

我的问题：可能是什么？我可以做什么样的测试来发现问题？我认为这可能与使用类似脚本的其他内容发生冲突，并且过度编写了我正在尝试实现的内容？

任何想法都会非常感激。

4

1 回答 1

0

我去过http://www.hearthstonehelp.com/showthread.php?463-Card-popup-previews您尝试使用该脚本的地方。过了一会儿，我注意到图像实际上显示在你身体的右下角。（缩小最大然后悬停火球，如果你向下滚动你会看到它）。问题出在元素上p，它是css

如果我发现要更改的内容，我稍后会进行编辑。但至少现在你知道真正的问题是什么了。

编辑：这应该工作

在您的 tooltip_card.js 中将代码更改为

$("#hearthstonecardimage")
        .css("top",(e.pageY + 10) + "px")
        .css("left",(e.pageX + 10) + "px")
        .css("position", "absolute")
        .fadeIn("fast");
于 2013-04-04T13:34:32.940 回答