2012-02-07 9 views
0

次のコードは、ホバー上にツールチップを生成するコードです。IEのブラウザではツールチップが動作しませんか?

span class="ttip" rel="#tip_1" 

それは、あなたがIEでFF、オペラ、クロームetc..butしている場合も何も動作...偉大な.... tip_1のIDを持つ外部ファイルにdiv要素を引っ張ります!

どのようなアイデアをお願いしますか?

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     jQuery('.ttip').hover(function(){ 
      var offset = jQuery(this).offset(); 
      console.log(offset) 

      var width = jQuery(this).outerWidth(); 
      var tooltipId = jQuery(this).attr("rel"); 

      jQuery('#tooltip-cont').empty().load('/tooltips.html ' + tooltipId).fadeIn(500); 
      jQuery('#tooltip-cont').css({ top:offset.top, left:offset.left + width + 10 }).show(); 
     }, function(){ 
      jQuery('#tooltip-cont').stop(true, true).fadeOut(200); 
     }); 
    }); 
</script> 
+0

スクリプトがalert()を使用して呼び出されているかどうかを確認してください。 –

+0

私はどのように知っていますか?スクリプト全体が上です。 – CodeyMonkey

答えて

1

console.logを削除しようとしましたか?私は間違いなく、スクリプトの前にファイアウォールのような特別なツールを置いておかないと、エラーが発生します。私は、より広くサポートの使用が可能と考えている。ここで

window.console.log(offset); 

はSOからsimilar questionです。

+0

ありがとう、私は単にそれを私のjqueryに追加しますか? :) – CodeyMonkey

+0

あなたは実際にその行を削除したり、瞬時にコメントアウトしたりします。 console.log(offset)を//console.log(offset)に変更します。また、その行の最後にセミコロンがないので、その行にエラーが発生している可能性があります。 – Jage

+0

こんにちは、 - それは動作しませんでした:( - それは正しい場所、例えば、ツールチップボックスに表示されます...しかし、ツールチップの内容は、ジャックス経由で引っ張られていない... – CodeyMonkey

関連する問題