簡單的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頁面

回答

相關問題