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

如果你能够帮助我，我真的无法找出问题所在。简单的jquery脚本单独工作，但不工作在我的vbulletin页面

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

我的问题：它可能是什么？我能做什么样的测试来发现问题？我认为这是一个冲突，也许还有其他的东西使用类似的脚本，并写了一个我试图实现的？

任何想法真的不胜感激。

来源

2013-04-04 Oxylis

我去过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-04 13:34:32 Spokey

OMG现在我想这一点。非常感谢。我会让你知道的！ – Oxylis 2013-04-04 13:46:39

它正在工作！非常感谢Spokey！ – Oxylis 2013-04-04 14:05:07

如果开始闪烁，请在'e.pageY'和'e.pageX'处添加'+ 10'。我会更新它。 – Spokey 2013-04-04 14:07:32

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

回答

相关问题