我按如下方式为元素分配了QTip:
$('#myDiv').qtip({
show: { when: { event: 'click', } },
hide: { when: { event: 'unfocus' } },
style: {
border: {
width: 5,
radius: 10
},
padding: 10,
textAlign: 'center',
tip: true, // Give it a speech bubble tip with automatic corner detection
name: 'red' // Style it according to the preset 'cream' style
},
position: {
corner: {
tooltip: 'topMiddle', // Use the corner...
target: 'bottomMiddle' // ...and opposite corner
}
},
content: {
text: self.parent('.qtip').html(),
title: { text: 'My Title' }
},
});
' text'在'内容'中,我试图访问触发此QTip的元素的innerHTML,以便在点击后显示。
但是,如上所示,我当前的self.parent('.qtip').html()
方式无效。
这样做的标准方法是什么?感谢。
答案 0 :(得分:7)
我后来找到了这个问题的解决方案。
要访问触发QTip的元素的属性,必须以这种方式构造代码:
$("#container a").each(function() {
$(this).qtip({ // QTip code });
});
这样,可以使用$(this)来访问触发QTip的元素的innerHTML等数据。
答案 1 :(得分:1)
也许你可以在之前设置它:
var text = $('#myDiv').text();
在对象中使用它:
text: text,