jquery插件:如何在弹出的工具提示中显示加载图像


cluetip jquery plugin : how can show laoding image inside the tooltip popup

我正在使用cluetip jquery插件,我想在工具提示弹出框中显示加载图像。

就像facebook一样。它在弹出窗口中显示"loading…"文本,然后显示数据。

谢谢

这是一个可以帮助你的演示

我的根文件夹包含以下文件

  • index . html
  • 替换
  • jquery.cluetip.css
  • jquery.cluetip.js
  • jquery.min.js
  • Koala.jpg

我的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>
下面是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>

现在打开index.html页面,获得clueTip工作