membuat qtip dengan konten ajax berdasarkan parameter uri yang dihitung

Saya punya tautan seperti itu

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

yang mana saya telah mengikat qtip2 seperti itu

$("#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 diperbarui secara dinamis oleh beberapa kode lain (sebenarnya, kontrol tautan permanen di OpenLayers). Jika saya mengklik tautan permanen tanpa adanya qtip, saya mendapatkan href yang tepat. Namun, dengan qtip, $(this).attr("href") tidak mendapat apa-apa. Ini tidak disetel. Bagaimana saya bisa mendapatkan qtip untuk menerima href yang dihitung secara dinamis?


jquery qtip2
person punkish    schedule 22.01.2012    source sumber

Jawaban (2)


arrow_upward
2
arrow_downward

Gunakan "masing-masing()". Anda harus memiliki cakupan yang benar untuk $(this) lalu...

$("#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();
});
person Marcel Abts    schedule 17.06.2012

arrow_upward
0
arrow_downward

solusi di atas berfungsi dengan baik tetapi dengan perubahan berikut. Saya telah memverifikasi rilis stabil terbaru ini (v2.0.1).

Daripada this.set(data); gunakan this.set('content.text', data);

person puneeth kosaraju    schedule 03.05.2013