如何使用QTip访问触发元素?

时间:2012-01-07 20:03:48

标签: javascript jquery qtip

我按如下方式为元素分配了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()方式无效。

这样做的标准方法是什么?感谢。

2 个答案:

答案 0 :(得分:7)

我后来找到了这个问题的解决方案。

要访问触发QTip的元素的属性,必须以这种方式构造代码:

$("#container a").each(function() { 
    $(this).qtip({ // QTip code });
});

这样,可以使用$(this)来访问触发QTip的元素的innerHTML等数据。

答案 1 :(得分:1)

也许你可以在之前设置它:

var text = $('#myDiv').text();

在对象中使用它:

text: text,