2013-01-10 33 views
0

我正在使用「jquerytools」(http://jquerytools.org/download/)開發的jQuery函數工具提示,我試圖在每一行上調用多個回調函數在表中的第一列。JQuery工具提示(jQueryTool)錯誤表上的多個實例

這是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> 

代碼似乎工作,當我用光標去了主表的第一科拉姆,它出現在工具提示中。 但是,當我將光標移動到工具提示我收到此錯誤從螢火蟲:

未捕獲的異常:無法找到的翻譯:

任何人都可以幫助我提示?任何提示都非常感謝!

回答

0

這可能與初始化有關,因爲我注意到工具提示只在鼠標懸停後激活。我做了一些更改,以便在初始化期間通過隱藏工具提示來刪除任何問題,並且更改工具提示以不使用可能已經由jquery選擇器選擇的表。

http://jsbin.com/ewagex/4 < - 測試這裏 http://jsbin.com/ewagex/4/edit < -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>