SORU
31 Mart 2012, CUMARTESİ


Nasıl dinamik olarak oluşturulan öğeleri için Twitter Bootstrap ipuçlarını bağlamak mı?

Aşağıdaki gibi javascript ile Twitter bootstrap ipuçlarını kullanıyorum:

$('a[rel=tooltip]').tooltip();

Benim biçimlendirme bu gibi görünüyor:

<a rel="tooltip" title="Not implemented" class="btn"><i class="icon-file"></i></a>

Bu iyi çalışır, ama <a> öğeleri dinamik olarak ekliyorum ve ipuçlarını bu dinamik öğeler için görünmüyor. Ben sadece bağlama çünkü biliyorum .belge tipik bir WordPress kullanmak yüklü bittiğinde() tooltip bir kez $(document).ready(function() işlevsellik.

Nasıl dinamik olarak oluşturulan öğeleri için bu bağlama miyim? Genellikle jquery live üzerinden bunu yapmak istiyorum() yöntemi. Ancak, bağlamak için kullandığım olay nedir? Sadece bootstrap kanca için nasıl emin değilim .() jquery tooltip .(canlı).

Bu işi yapmak için bir yol olarak şöyle birşey buldum:

/* Add new 'rows' when plus sign is clicked */
$("a.add").live('click', function () {
    var clicked_li = $(this).parent('li');
    var clone = clicked_li.clone();

    clone.find(':input').each(function() {
        $(this).val('');
    });

    clicked_li.after(clone);
    $('a[rel=tooltip]').tooltip();
});

Bu çalışır, ama biraz hackish görünüyor. Ayrıca aynı arıyorum .() tooltip(hazır) $hattını arayın. Sayfa ilk kez yüklendiğinde var ve bu seçici eşleşen öğeleri araç ipucu ile iki defa mı?

Bu yaklaşım ile herhangi bir sorun görmüyorum. Sadece en iyi uygulama veya anlayış davranış arıyorum.

CEVAP
2 Mayıs 2012, ÇARŞAMBA


Şunu deneyin:

$('body').tooltip({
    selector: '[rel=tooltip]'
});

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Majestic Casual

    Majestic Cas

    28 NİSAN 2012
  • ParryGripp

    ParryGripp

    12 AĞUSTOS 2006
  • tunez4you

    tunez4you

    20 EKİM 2008