создание qtip с содержимым ajax на основе вычисленных параметров URI

Question

У меня есть такая ссылка

<a href="" id="permalink">permalink</a>

, к которому я привязал qtip2, вот так

$("#permalink").qtip({
    content: {
        text: "Loading...",
        ajax: {
            url: "http://server/app",
            type: "GET",
            data: {
                "uri": $(this).attr("href")
            },
            success: function(data, status) {
                this.set(data);
            }
        }
    }
})
.click(function(event) {
    event.preventDefault();
});

href динамически обновляется с помощью некоторого другого кода (фактически, элемента управления постоянными ссылками в OpenLayers) Если я нажму на постоянную ссылку в отсутствие qtip, я получу правильный href. Однако с qtip $ (this) .attr ("href") ничего не получает. Это не установлено. Как я могу получить qtip для получения динамически вычисленного href?

Answer 1

Используйте «each ()».Вы должны иметь правильную область действия для $ (this) затем ...

$("#permalink").each(function() {
    $(this).qtip({
        content: {
            text: "Loading...",
            ajax: {
                url: "http://server/app",
                type: "GET",
                data: {
                    "uri": $(this).attr("href")
                },
                success: function(data, status) {
                  this.set('content.text', data);
                }
            }
        }
    })
})
.click(function(event) {
    event.preventDefault();
});

Answer 2

вышеуказанное решение работает нормально, но со следующими изменениями. Я проверил этот последний стабильный выпуск (v2.0.1).

Вместо this.set(data); использование this.set('content.text', data);