幫助使用jQuery插件Toolip

Question

希望有人可以幫助，但我使用這個jQuery的工具提示插件jquery tooltip

，我試圖當你懸停它效仿的實施例3的例子，那就是，我想我的提示在我的例子中出現在下面。

我可以讓工具提示正確顯示，但出於某種原因，不會顯示在下方，而是顯示在我的懸停圖片的右側。

任何人都可以請求協助，如何讓它出現在我的形象之下，而不是正確的？

僅供參考，我的圖片目前設置在我的網頁右上角。

謝謝。

Answer 1

哇，該工具提示字面上沒有其他文檔，除了該頁面。,,似乎工具提示位置是基於它在頁面上的位置。它越靠近頁面的頂部，提示就會出現在下方。

就個人而言，我建議使用不同的工具提示腳本，允許您設置工具提示位置。像jQuery Tools Tooltip或qTip。

---

那麼很顯然，目前公佈的qTip腳本不使用jQuery 1.4.2工作，但你可以下載current build version，它正常工作。

下面是一些示例代碼來告訴你如何使用它，以及一個demo：

$(document).ready(function(){ 
$("#demo").qtip({ 
    content: 'Tooltip Content goes here', 
    style: { 
     name: 'cream',   // Inherit from preset style 
     tip: 'topMiddle'  // adds the pointy part to the tooltip window 
    }, 
    textAlign: 'center',  // Center the tooltip contents 
    position: { 
    corner: { 
    target: 'bottomMiddle', // Location of tooltip relative to #demo when it opens 
    tooltip: 'topMiddle'  // Portion of tooltip that meets with the target 
    } 
    } 
}); 
});