SORU
15 Kasım 2011, Salı


AJAX ile Bootstrap popover bir içerik yükleyin. Bu mümkün mü?

Denedim ne uygun bit var burada:

<a href="#" data-content="<div id='my_popover'></div>"> Click here </a>

$(".button").popover({html: true})

$(".button").click(function(){
    $(this).popover('show');
    $("#my_popover").load('my_stuff')
})

Ben tıkladığınızda, ben istekte bakın, ama popover doldurmak değil. Hatta popover için bir HTML DOM eklenir göremiyorum, ama firebug olabilir.

Herkes bu çalıştı?

CEVAP
1 ŞUBAT 2012, ÇARŞAMBA


Çalışma çözüm için blog yazıma bakın: http://www.cagataygurturk.com/load-a-bootstrap-popover-content-with-ajax/

İlk istediğiniz öğeleri için veri-poload öznitelik eklemeliyiz bir pop üzerine eklemek istiyorum. Bu öznitelik içeriği olmalı url yüklenecek (mutlak ya da göreli):

<a href="#" title="blabla" data-poload="/test.php">blabla</a>

Ve JavaScript(belge) dolar alırken.() hazır;

$('*[data-poload]').hover(function() {
    var e=$(this);
    e.off('hover');
    $.get(e.data('poload'),function(d) {
        e.popover({content: d}).popover('show');
    });
});

off('hover') yükleme verileri bir kez daha ve popover() bağlar engeller vurgulu yeni bir olay. Eğer veri her hover yenilenmesini istiyorsanız olay çıkarmak gerekir.

Bu çalışma örnek JSFiddle bakın lütfen.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Android Police

    Android Poli

    21 NİSAN 2010
  • Distractify

    Distractify

    1 Aralık 2011