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);
})
- 1. Floating Images karışıklık Bootstrap Scrollspy
- 2. Twitter için Önyükleme Bootstrap
- 3. Bootstrap Kenar Kaydırma, Ekler ve Scrollspy
- 4. Bootstrap 3 Scrollspy etkin durumu kaldırın
- 5. Bootstrap 4 scrollspy, Açısal 4 ile çalışmaz
- 6. Twitter IE7 için Bootstrap desteği
- 7. Twitter Bootstrap çevrimiçi yükleyici?
- 8. HTML5 Boilerplate ve Twitter Bootstrap
- 9. Twitter bootstrap bölünmüş açılır
- 10. twitter bootstrap dinamik karusel
- 11. Twitter Bootstrap "kapsayıcı sıvı"
- 12. Hatalı seçenek: '; _;' Twitter Bootstrap
- 13. nasıl düzgün tidyr içinde yayılması işlevini kullanmak
- 14. Twitter Bootstrap Atlıkarınca - Dönme
- 15. Twitter bootstrap düğmesini gizle
- 16. Twitter Bootstrap test ortamı
- 17. Twitter bootstrap typeahead delay
- 18. twitter bootstrap carousel kaybolur
- 19. Twitter Bootstrap Containers
- 20. Twitter bootstrap ile Browserify
- 21. Twitter Bootstrap Izgara Sistemi için Hücre Splitter
- 22. Twitter-bootstrap "eki"
- 23. Twitter ile Ember.js Bootstrap Modal
- 24. Twitter bootstrap hex to rgba?
- 25. Bourbon vs Twitter Raylar için Bootstrap 3.1
- 26. jQuery tanımlı değil twitter bootstrap
- 27. Twitter Bootstrap with Spring MVC
- 28. Twitter Bootstrap, <td>
- 29. Twitter bootstrap: 1200px büyük ekrandan nasıl kurtulun?
- 30. Twitter Bootstrap Modal Formu: Nasıl sürükleyip bırakılır?