Question

我正在使用cluetip jquery插件，我想在工具提示弹出窗口中显示laoding图像。

就像facebook一样。它在弹出窗口中显示“loading ...”文本，然后显示数据。

由于

Answer 1

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

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

index.html
demo.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 正常工作

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

1 个答案: