圖片工具提示不工作

我試圖當盤旋到圖像以顯示圖像作爲工具提示。我已閱讀堆棧溢出的各種帖子，並嘗試過，但仍然無法正常工作。我正在學習jQuery，希望能幫助我看看我錯過了哪些工具提示？圖片工具提示不工作

這裏是我使用至今代碼：

$(document).ready(function() { 
    $(".panel").tooltip({ 
     delay: 0, 
     showURL: false, 
     track: true, 
     bodyHandler: function() { 
      return '<img src="images/b_clicktozoom.jpg" alt="Click to Zoom" width="88px" height="20px"/>'; 
     } 
    }); 
});

的HTML是以下幾點：

<div class="belt"> 
    <div class="panel" style="float: none; position: absolute; left: 2643px;"> 
     <img width="879" height="510" border="0" usemap="#xyz.jpg"alt="Writing on the Wall" src="xxx.jpg"> 
    </div> 
</div>

請讓我知道這個

感謝您的想法

來源

2012-03-02 uppaljaskaran

這一切都很好，但什麼是你的問題？什麼不起作用？你有沒有看看你的瀏覽器的錯誤控制檯？ – Bojangles 2012-03-02 00:50:15

你是否包含對工具提示腳本文件的引用？你得到的錯誤是什麼？確保你按照正確的順序包含腳本 – DG3 2012-03-02 00:55:29

你見過這個例子嗎？ http://flowplayer.org/tools/demos/tooltip/index.htm – 2012-03-02 00:56:11

你在頁面中包含jQuery工具提示外部JS文件嗎？如果沒有在頁面上包含工具提示插件，tooltip（）將無法正常工作。您可以從http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

來源

2012-03-02 01:00:39

是的，我包括jquery.tooltip.js – uppaljaskaran 2012-03-02 01:02:37

可能想看看使用不同的工具提示插件。我不確定那一個是否被支持。看起來它已經有幾年沒有更新過了。這裏是有幾個其他提示插件的鏈接： http://www.1stwebdesigner.com/css/stylish-jquery-tooltip-plugins-webdesign/ – 2012-03-02 01:46:11

去下載到以下網址

http://flowplayer.org/tools/tooltip/index.html

，包括其作爲腳本標籤以下內容：

SRC =「HTTP：//cdn.jquerytools。組織/ 1.2.6 /全/ jquery.tools.min.js」

然後調用它的HTML標記元素如$（「標籤」）提示（）。

來源

2012-03-07 00:33:10 user1190286

的感謝！是的，這確實幫了我一些，但事情是我仍然無法看到我的形象在tooltip.it現在只是顯示我的默認工具提示。的代碼如下'$（文件）。就緒（函數（）{\t \t $（）工具提示（{ 延遲「面板」：0， showURL：假，軌道：真， bodyHandler：功能（）{ \t返回 ''; //b_clicktozoom.jpg \t } \t}）; \t \t }）; \t $ .event.props.splice（$。event.props.indexOf（「layerY」），1）; \t $ .event.props.splice（$。event.props.indexOf（「layerX」），1）; \t' – uppaljaskaran 2012-03-07 00:50:55

圖片工具提示不工作

回答

相關問題