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

I've been to http://www.hearthstonehelp.com/showthread.php?463-Card-popup-previews where you tried using the script. After a while I noticed that the image is actually showing in the bottom right of your body. (zoom max out then hover Fireball and you'll see it if you scroll down). The problem is with the element p and it's css

I'll edit later if I find what to change. But atleast now you know what the actual problem is.

EDIT: This should work

In your tooltip_card.js change the code into this 

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