Me gustaría cargar más datos después de que ScrollSpy reciba una notificación. Pero no veo cómo capturar ese evento y ejecutar una función.Cómo utilizar Twitter Bootstrap ScrollSpy para ejecutar una función
Respuesta
ACTUALIZADO Este disparador se ha insertado en la construcción principal ahora. Puedes verlo en documentos completos. http://twitter.github.com/bootstrap/javascript.html#scrollspy
Hay una actualización en la rama de trabajo en github que activa una devolución de llamada activada.
Referencias
Una vez que agarra el gatillo de activación, se le puede llamar así:
$("#nav li").on('activate', function() {
//do stuff
});
Para arranque 3 Puede hacerlo de esta manera (docs)
$('#myScrollspy').on('activate.bs.scrollspy', function() {
// do something…
})
Esto es para Bootstrap 4 (beta 3):
En general, el uso del evento Scrollspy no cambió de Bootstrap 3. Como se afirma en la sección Events de la documentación Scrollspy, la activate.bs.scrollspy
el evento se activará en el elemento de desplazamiento, el que tiene data-spy="scroll"
, siempre que la Scrollspy active un nuevo elemento. Se puede escuchar de esa manera:
$('[data-spy="scroll"]').on('activate.bs.scrollspy', function(event) {
console.log('activate.bs.scrollspy', event);
})
Pero!
No está documentado que cuando Scrollspy se utiliza en el elemento <body>
, el evento activate.bs.scrollspy
estará disponible solo en el objeto window
.
Por lo tanto, en este caso bastante común, puede ver el evento Scrollspy como lo siguiente:
$(window).on('activate.bs.scrollspy', function (event) {
console.log('activate.bs.scrollspy', event);
})
- 1. jQuery Bootstrap ScrollSpy no funciona
- 2. Splitter para Twitter Bootstrap
- 3. Ritmo vertical para Twitter Bootstrap
- 4. ¿Cómo uso Popover de Twitter Bootstrap para mostrar una imagen?
- 5. Twitter bootstrap-modal para imágenes
- 6. Twitter Bootstrap FileUpload
- 7. Twitter bootstrap typeahead valores múltiples?
- 8. twitter bootstrap - ¿cómo saltear una línea?
- 9. bootstrap.js scrollspy con desplazamiento animada
- 10. Twitter Bootstrap Modal - IsShown
- 11. Symfony2 y Twitter Bootstrap
- 12. Twitter menú desplegable Bootstrap
- 13. Twitter bootstrap accordion-heading
- 14. Twitter Bootstrap sidet caret
- 15. Twitter Bootstrap Typeahead - Id & Label
- 16. Tooltips con Twitter Bootstrap
- 17. Twitter Bootstrap Containers
- 18. Plone y Twitter Bootstrap
- 19. Cómo extender el complemento Bootstrap de Twitter
- 20. CodeIgniter + HTML5 Boilerplate + Twitter Bootstrap
- 21. ¿Twitter Bootstrap incluye jQuery?
- 22. desinstalación Twitter Bootstrap de una aplicación Rails
- 23. ¿Algo como Twitter Bootstrap para Android?
- 24. ¿Arrastrar y soltar para Twitter bootstrap 2.0?
- 25. Twitter bootstrap: cómo agregar márgenes laterales?
- 26. Twitter Bootstrap y Google Maps
- 27. ¿Utilizaría Twitter Bootstrap para una aplicación intranet/de negocios?
- 28. Ember.js con Twitter Bootstrap Modal
- 29. twitter bootstrap make from source
- 30. Twitter Bootstrap clase ".container": ¿cómo usarlo semánticamente?