0

「jquerytools」（http://jquerytools.org/download/）によって開発されたjQuery関数ツールチップを使用しており、テーブルの最初の列の各行で複数のコールバックを呼び出そうとしています。

これはjavascriptのソースです：

$('#table1 tr td:nth-child(1)').each(function(){
    $(this).tooltip({
      bounce: "false",
      tip: $(this).children('.tableTooltip'),
      position: 'center right',
      offset: [0, 0],
      effect: "fade",
      relative: true,
      opacity: 1,
      delay: 300
    });
});

そしてこれはテーブルです：

<table id="table1">

  <tr><td> 
      Some content
      <div class="tooltip tableTooltip">
        <table><tr><td>My tooltip table</td></tr></table>
      </div>
  </td></tr>

  <tr><td> 
      Some other content
      <div class="tooltip tableTooltip">
        <table><tr><td>My other tooltip table</td></tr></table>
      </div>
  </td></tr>

</table>

コードは機能しているようで、メインテーブルの最初の列にカーソルを合わせると、ツールチップが表示されます。しかし、カーソルをツールチップ上に移動すると、Firebugから次のエラーが表示されます。

キャッチされない例外：[オブジェクトオブジェクト]のツールチップが見つかりません

誰かが私を助けることができますか？ヒントは本当にありがたいです！

4

1 に答える 1

0

ツールチップはマウスオーバー後にのみアクティブになることに気付いたので、これは初期化と関係がある可能性があります。ツールチップを非表示にし、jqueryセレクターによっても選択されている可能性のあるテーブルを使用しないようにツールチップを変更することで、初期化中の問題を取り除くためにいくつかの変更を加えました。

http://jsbin.com/ewagex/4<-ここでテスト http://jsbin.com/ewagex/4/edit<-ここで編集

  <table id="table1">

  <tr><td> 
      Some content
      <div class="tooltip tableTooltip">
        <div>My tooltip table</div>
      </div>
  </td></tr>

  <tr><td> 
      Some other content
      <div class="tooltip tableTooltip">
        <div>My other tooltip table</div>
      </div>
  </td></tr>

  <script>
    $('#table1 tr td:nth-child(1)').each(function(){
    $(this).children('.tableTooltip').hide();
    $(this).tooltip({
      bounce: "false",
      tip: $(this).children('.tableTooltip'),
      position: 'center right',
      offset: [0, 0],
      effect: "fade",
      relative: true,
      opacity: 1,
      delay: 300
    });
});
    </script>
于 2013-01-10T06:47:45.650 に答える