cluetip jquery插件：如何在工具提示弹出窗口中显示laoding图像

Question

I am using cluetip jquery plugin and I want to show laoding image inside the tooltip popup. 我正在使用cluetip jquery插件，并且想在工具提示弹出窗口中显示laoding图像。

Just like facebook do. 就像facebook一样。 It shows a "loading..." text inside the popup window and then show the data. 它在弹出窗口中显示“正在加载...”文本，然后显示数据。

Thanks 谢谢

Answer 1

Here is an demo which can help you 这是一个可以帮助您的演示

My root folder contains the following files 我的根文件夹包含以下文件

index.html index.html
demo.html demo.html
jquery.cluetip.css jquery.cluetip.css
jquery.cluetip.js jquery.cluetip.js
jquery.min.js jquery.min.js
Koala.jpg Koala.jpg

My index.html has the following code 我的index.html具有以下代码

 <html >
    <head>

      <link rel="stylesheet" href="jquery.cluetip.css" type="text/css" />
        <script src="jquery.min.js"></script> 
      <script src="jquery.cluetip.js"></script>

      <script type="text/javascript">
           $(document).ready(function() {
             $('a.sticky').cluetip();
             $('#sticky').cluetip({
               arrows: true,
               sticky: true,
               tracking: true,
               mouseOutClose: true,
               closePosition: 'title',    
               cursor: 'pointer'
             });
           });
      </script>
     </head>

      <body >

       <strong>Demo for tooptip</strong> <br>
      <a id="sticky" href="#" rel="demo.html" title="Demo">ToopTip with arrows</a>

      </body>
      </html>

Here is the code for demo.html 这是demo.html的代码

  <html >
     <head>
     </head>
   <body class="page">

  <img src="Koala.jpg" width="65" height="65" alt="Koala" />
  <p>The koala is an arboreal herbivorous marsupial native to Australia, and the only extant representative of the family Phascolarctidae.</p>

    </body>
  </html>

Now open the index.html page and get the clueTip working 现在打开index.html页面，使clueTip正常工作

cluetip jquery插件：如何在工具提示弹出窗口中显示laoding图像

问题描述

1 个解决方案

解决方案1
0 2013-03-28 07:27:46

cluetip jquery插件：如何在工具提示弹出窗口中显示laoding图像

问题描述

1 个解决方案

解决方案1 0 2013-03-28 07:27:46

解决方案1
0 2013-03-28 07:27:46