tooltip无法直接在mini-textbox中使用

nnigou

在
http://www.miniui.com/demo/#src=tooltip/tooltip.html

中添加
   
<input class="mini-textbox" type="text" value="" data-tooltip="Tooltip top"/>

是不起作用的,只有把mini-textbox的样式去掉,变成原生元素才行

dforce

MiniUI控件都是多层结构的，不支持你这样直接写
可以这样实现

1. <input class="mini-textbox aa" />
   
2. var tip = new mini.ToolTip();
   
3. tip.set({
   
4.         target: document,
   
5.         selector: '.aa',
   
6.         placement:"right",
   
7.         onbeforeopen: function (e) {            
   
8.             e.cancel = false;
   
9.         },
   
10.         onopen: function (e) {
    
11.                tip.setContent("aaa");
    
12.         }
    
13. });

复制代码

nnigou

那需要怎么才能显示对应的元素的data-tooltip?
有对应的选择器么?

dforce

nnigou 发表于 2014-9-4 08:43
那需要怎么才能显示对应的元素的data-tooltip?
有对应的选择器么?

1. <input class="mini-textbox aa" id="p1" data-options='{aaa:"xx"}' value="aaaa" />
   
2. var tip = new mini.ToolTip();
   
3.     tip.set({
   
4.             target: document,
   
5.             selector: '.aa',
   
6.             placement:"right",
   
7.             onbeforeopen: function (e) {            
   
8.                 e.cancel = false;
   
9.             },
   
10.             onopen: function (e) {
    
11.                    var el=e.element;
    
12.                    var id=el.id;
    
13.                    var content=mini.get(id).aaa;
    
14.                    tip.setContent(content);
    
15.             }
    
16.     });

复制代码