jQuery MiniUI

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

如何给控件设置tooltip [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2015-3-2 17:06:19 |只看该作者 |倒序浏览
现在知道这个控件的name为aaa
如何为这个空间增加tooltip属性 内容为 this is aaa
我看了很多例子是根据class样式去寻找,如何直接根据对象去添加,希望能给出代码示例

Rank: 8Rank: 8

沙发
发表于 2015-3-2 17:19:48 |只看该作者
本帖最后由 dforce 于 2015-3-2 17:23 编辑

http://www.miniui.com/demo/#src=tooltip/tooltip.html
参考tooltip的示例,只能根据样式去添加

或者你可以用js的方式添加原生的title
var control=mini.get()
$(control.getEl()).attr({"title",control.getName()})

Rank: 3Rank: 3

板凳
发表于 2015-3-2 17:28:14 |只看该作者
dforce 发表于 2015-3-2 17:19
http://www.miniui.com/demo/#src=tooltip/tooltip.html
参考tooltip的示例,只能根据样式去添加 ...

例子我看了 但是看的不是很明白 能帮我写两句简单的代码吗
如果现在这个样式的名字是 aaa  我想给对象设置提示内容为 this is aaa
还有取消样式为aaa的tooltip的方法是什么

Rank: 8Rank: 8

地板
发表于 2015-3-3 09:42:09 |只看该作者
kyytyp 发表于 2015-3-2 17:28
例子我看了 但是看的不是很明白 能帮我写两句简单的代码吗
如果现在这个样式的名字是 aaa  我想给对象设 ...
  1. <div name="aaa"  class="d1" style="width:100px;height:100px;border:1px solid red" ></div>

  2. var tip = new mini.ToolTip()
  3.    
  4.     tip.set({
  5.         target: document,
  6.         selector: '.d1',
  7.         onbeforeopen: function (e) {
  8.             e.cancel = false;
  9.         },
  10.         onopen: function (e) {
  11.             tip.setContent("this is "+$(".d1").attr("name"));
  12.          }
  13.     });
复制代码

Rank: 3Rank: 3

5#
发表于 2015-3-3 10:21:19 |只看该作者
felt 发表于 2015-3-3 09:42

谢谢啊

Archiver|普加软件

GMT+8, 2024-9-17 04:39 , Processed in 1.059053 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部