SORU
3 Mayıs 2012, PERŞEMBE


Twitter Bootstrap ile araç ipuçları

Twitter Bootstrap--kullanıyorum ve önyüz geliştirici değilim! Ancak bu süreç neredeyse----eğlenceli söylemeye cüret ediyor!

Biraz ipuçlarını konusunda kafam karıştı. covered in the documentation ama Twitter biraz bilgi varsayar. Örneğin, aşağıdaki JavaScript kodu ile araç ipucu, tetikleyici derler.

$('#example').tooltip(options)

Etrafında kendi kaynağını alay sonra, araç ipuçları ile alanlar bir sınıf olması ve aşağıdaki kodu çalıştırmak gerektiğini fark ettim.

$('.tooltipclass').tooltip(options)

Ama şimdi benim sorum, neden 9 ** böyle bir sınıf sağlamak Bootstrap Twitter değil mi? Daha fazla yapılandırma izin vermek için? tooltipclass, araç ipuçları ile tek tek öğeler eklemek için daha iyi ya ben tooltipclass çevresi eklemek gerekir? Eğer bir sınıf tanımlayıcısını (.class) yerine adı tanımlayıcı (#name) kullanıyorum fark eder mi?

CEVAP
3 Mayıs 2012, PERŞEMBE


Sorun, senin ipuçlarını kurarken kullanmak ne aşağı kaynar düşünüyorum ve bunun cevabını tam istediğin şey neredeyse. Eğer ipuçlarını tetiklemek için bir sınıf kullanmak istiyorsanız, örneğin aşağıdaki al bunu yapabilirsiniz:

<a href="#" class="link" data-original-title="first tooltip">Hover me for a tooltip</a>

Sonra .link sınıfı araç ipuçları gibi çok bağlı olan tüm bağları tetikleyebilir:

$('.link').tooltip()

Şimdi, sorunun cevabı olarak neden bootstrap geliştiricilerin yaptığı işe göre bir sınıf için tetikleyici ipuçlarını çünkü hiç gerek yok tam olarak, hemen hemen herhangi bir seçiciler kullanmak istediğiniz için hedef araç ipuçları gibi (benim kişisel favori) rel öznitelik. Bu özellik ile rel özelliği ile tüm bağlantıları veya elemanları 19 ** seviyor hedef:

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

Ve bağlantılarınızı bu gibi görünecektir:

<a href="#" rel="tooltip" data-original-title="first tooltip">Hover me for a tooltip</a>

Elbette, ayrıca bir konteyner sınıf veya kimliği hedef ipuçlarını içinde bir özel konteyner etmek istiyorsanız, tek bir özel seçenek ya da ayrı kalan içerik ve kullanabilirsiniz gibi

$('#example').tooltip({
    selector: "a[rel=tooltip]"
})

Bu seçici olacak hedef rel öznitelik ile araç ipuçları "içinde" #example div, o bölüm için özel stiller ya da seçenekleri yalnız ekleyebilirsiniz bu şekilde. Kısacası, oldukça fazla araç ipuçları hedef için geçerli herhangi bir seçici kullanabilirsiniz ve onları hedef için ekstra bir sınıf ile biçimlendirme kirli gerek yok.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Droid Life

    Droid Life

    17 Kasım 2009
  • Helder Barreto

    Helder Barre

    22 Mayıs 2006
  • 趣味そうこ♪

    趣味そう

    3 Mart 2010