Cómo utilizar Twitter Bootstrap ScrollSpy para ejecutar una función

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

Fuente

2012-02-18 opengrid

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

https://github.com/twitter/bootstrap/issues/2482

Una vez que agarra el gatillo de activación, se le puede llamar así:

$("#nav li").on('activate', function() { 
    //do stuff 
});

Fuente

2012-04-23 22:05:14

Para arranque 3 Puede hacerlo de esta manera (docs)

$('#myScrollspy').on('activate.bs.scrollspy', function() { 
    // do something… 
})

Fuente

2016-01-25 09:02:18 alex

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); 
})

Fuente

2018-01-18 21:23:34 dferenc

Cómo utilizar Twitter Bootstrap ScrollSpy para ejecutar una función

Respuesta

Cuestiones relacionadas