ScrollSpy bildirim aldıktan sonra daha fazla veri yüklemek istiyorum. Fakat bu olayı nasıl yakalayacağımı ve bir işlevi nasıl gerçekleştireceğimi göremiyorum.Twitter Bootstrap ScrollSpy işlevini kullanmak için nasıl kullanılır
cevap
GÜNCELLENMİŞ Bu tetikleyici şimdi ana yapıya aktarıldı. Tam dokümanlarda görebilirsiniz. http://twitter.github.com/bootstrap/javascript.html#scrollspy
Github'da etkin bir geri çağırma tetikleyen çalışma dalında bir güncelleme var. Eğer etkinleştirme tetiği kapmak kez
Kaynaklar
, bunu böyle diyebilirsin:
$("#nav li").on('activate', function() {
//do stuff
});
bootstrap 3 için böyle yapabilirsin (docs)
Buözyükleme 4 için (p 3): bu Scrollspy belgelerin Events bölümünde belirtildiği gibi, genel olarak
, Scrollspy olayın kullanımı, activate.bs.scrollspy
Bootstrap 3'ten değişmedi Scrollspy tarafından yeni bir öğe etkinleştirildiğinde, kaydırma elemanında - data-spy="scroll"
ile - olay tetiklenecektir. Böyle dinleyebilirsiniz:
$('[data-spy="scroll"]').on('activate.bs.scrollspy', function(event) {
console.log('activate.bs.scrollspy', event);
})
Ama!
Belge, <body>
öğesinde Scrollspy kullanıldığında, activate.bs.scrollspy
olayının yalnızca window
nesnesinde kullanılabilir olduğu belgelenmiştir.
Yani, bu oldukça yaygın durumda, şöyle Scrollspy olayı yakalamak:
$(window).on('activate.bs.scrollspy', function (event) {
console.log('activate.bs.scrollspy', event);
})