jQuery MiniUI

标题: tooltip无法直接在mini-textbox中使用 [打印本页]

作者: nnigou 时间: 2014-9-3 09:33:18 标题: tooltip无法直接在mini-textbox中使用

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

中添加

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

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

作者: dforce 时间: 2014-9-3 10:25:33

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

<input class="mini-textbox aa" />
var tip = new mini.ToolTip();
tip.set({
target: document,
selector: '.aa',
placement:"right",
onbeforeopen: function (e) {
e.cancel = false;
},
onopen: function (e) {
tip.setContent("aaa");
}
});

复制代码

作者: nnigou 时间: 2014-9-4 08:43:35

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

作者: dforce 时间: 2014-9-4 10:57:31

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

<input class="mini-textbox aa" id="p1" data-options='{aaa:"xx"}' value="aaaa" />
var tip = new mini.ToolTip();
tip.set({
target: document,
selector: '.aa',
placement:"right",
onbeforeopen: function (e) {
e.cancel = false;
},
onopen: function (e) {
var el=e.element;
var id=el.id;
var content=mini.get(id).aaa;
tip.setContent(content);
}
});

复制代码

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