jQuery MiniUI

 找回密码
 立即注册
查看: 4261|回复: 1
打印 上一主题 下一主题

新手求助 tooltip怎么样实现动态改变提示内容? [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2014-7-30 16:27:39 |只看该作者 |倒序浏览
tooltip怎么样实现动态改变提示内容?

例如一个 mini-textbox 输入控件,初始设置了 tooltip. 可以正常显示 tooltip.

如果 这个输入控件中的值改变了, 怎么样使这个 tooltip 的内容也之改变?

即控件的值,可以实时显示在它的tooltip中.

谢谢!

Rank: 8Rank: 8

沙发
发表于 2014-7-30 16:45:33 |只看该作者
  1. <input class="mini-textbox aa"/>
  2. var tip = new mini.ToolTip();
  3. tip.set({
  4.     target: document,
  5.     selector: '.aa .mini-textbox-input',
  6.     placement: 'right',
  7.     onbeforeopen: function (e) {
  8.         e.cancel = false;
  9.     },
  10.     onopen: function (e) {
  11.         var value = $(".aa .mini-textbox-input").val();
  12.         tip.setContent(value);   
  13.     }
  14. });
复制代码

Archiver|普加软件

GMT+8, 2025-7-21 02:52 , Processed in 1.048900 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部