jQuery MiniUI

标题: 新手求助 tooltip怎么样实现动态改变提示内容? [打印本页]

---

作者: nodisk    时间: 2014-7-30 16:27:39     标题: 新手求助 tooltip怎么样实现动态改变提示内容?

tooltip怎么样实现动态改变提示内容?

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

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

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

谢谢!

---

作者: felt    时间: 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. });

复制代码

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2