Как мне получить доступ к триггерному элементу, используя QTip? - PullRequest
2 голосов
/ 08 января 2012

У меня есть 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' в 'content' я пытаюсь получить доступ к innerHTML элемента, вызвавшего появление этого QTip после нажатия на него.

Однако мое текущее значение self.parent('.qtip').html(), как показано выше, не работает.

Какой стандартный способ сделать это? Спасибо.

Ответы [ 2 ]

7 голосов
/ 08 января 2012

Позже я нашел решение этого вопроса.

Чтобы получить доступ к свойствам элемента, который вызвал QTip, нужно структурировать код следующим образом:

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

Таким образом,можно использовать $ (this) для доступа к таким данным, как innerHTML, элемента, который вызвал QTip.

1 голос
/ 08 января 2012

Может быть, вы могли бы установить его раньше:

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

И использовать его внутри объекта:

text: text,
...