有关qtip刷新提示内容的问题

发布于 2021-11-23 20:33:49 字数 4739 浏览 766 评论 1

@巴顿 你好,想跟你请教个问题:

我看您之前用过qtip,并实现了每次点击刷新提示内容的功能,想问下具体的实现方式。

以下是我的代码,想实现一个在表格行上添加批注的功能。

<script type="text/javascript">
  jQuery(document).ready(function() {   
      $('a').each(function()
      {
        $(this).qtip(
        {         
         id:'mytip',
          content: {
            url: '1.html',
            method:'post',
            title: {
              text: '编辑批注',
              button: '关闭'
            }
          },
          position: {
            corner: {
              target: 'bottomMiddle',
              tooltip: 'topMiddle'
            },
            adjust: {
              screen: true
            }
          },
          show: {
            when: 'click',
            solo: true
          },
          hide: false,         
          style: {
            tip: true,
            border: {
              width: 0,
              radius: 4
            },
            name: 'light',
            width: 570
          },
          api:{
           beforeHide:function(){
             alert ($("this").qtip("api"));
       } 
      }        
        })
      });   
  });
 </script>
 <body>
  <table>
   <tr>
     <td><a id="link1" href="#">批注</a></td>
     <td>content</td>
   </tr>
   <tr>
     <td><a href="#">批注</a></td>
     <td>content</td>
   </tr>
   <tr>
     <td><a href="#">批注</a></td>
     <td>content</td>
   </tr>      
  </table>
 
 
 </body>

我看了您的解决方案,但我无论通过$("#link1").qtip("api")还是$("#mytip").qtip("api")都会报错。

我的jquery版本为1.3.2, qtip 1.0-rc3

我Js的水平还在入门级,望解惑,感谢!

 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

泪冰清 2021-11-24 00:37:42

我也没调到这个方法

$("#link1").qtip("api")还是$("#mytip").qtip("api")。

你可以用destory方法,将所有的qTip删掉,然后重建,这样数据就是最新的了。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文