jQuery MiniUI

标题: 如何给控件设置tooltip [打印本页]

作者: kyytyp    时间: 2015-3-2 17:06:19     标题: 如何给控件设置tooltip

现在知道这个控件的name为aaa
如何为这个空间增加tooltip属性 内容为 this is aaa
我看了很多例子是根据class样式去寻找,如何直接根据对象去添加,希望能给出代码示例

作者: dforce    时间: 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()})

作者: kyytyp    时间: 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的方法是什么
作者: felt    时间: 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.     });
复制代码

作者: kyytyp    时间: 2015-3-3 10:21:19

felt 发表于 2015-3-3 09:42

谢谢啊




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2