Question

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

当鼠标悬停在链接上时，我正在尝试显示图像。做了很多研究，找到了一个非常简单的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（尽管具有完全相同的代码，但它不显示图像）。

我的问题：它会是什么？我可以做什么样的测试才能找到问题？我认为这可能与使用类似脚本的其他东西发生冲突，而不是写我试图实现的那个？

任何想法都会受到赞赏。

Answer 1

我去过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");

简单的jquery脚本单独工作但不在我的vbulletin页面中工作

1 个答案: