Come utilizzare Twitter Bootstrap ScrollSpy per eseguire una funzione

Vorrei caricare più dati dopo che ScrollSpy ha ricevuto la notifica. Ma non vedo come catturare quell'evento ed eseguire una funzione.Come utilizzare Twitter Bootstrap ScrollSpy per eseguire una funzione

fonte

2012-02-18 opengrid

AGGIORNATO Questo trigger è stato inserito nella build principale ora. Puoi vederlo in documenti completi. http://twitter.github.com/bootstrap/javascript.html#scrollspy

C'è un aggiornamento nel ramo di lavoro su github che attiva un callback di attivazione.

Riferimenti

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

Una volta che si afferra il grilletto di attivazione, si può chiamare in questo modo:

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

fonte

2012-04-23 22:05:14

Per bootstrap 3 si può fare in questo modo (docs)

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

fonte

2016-01-25 09:02:18 alex

Questo è per Bootstrap 4 (beta 3):
In generale, l'utilizzo della manifestazione Scrollspy non è cambiato da Bootstrap 3. Come si afferma nella sezione Events della documentazione Scrollspy, il activate.bs.scrollspy l'evento verrà attivato sull'elemento di scorrimento - quello con data-spy="scroll" - ogni volta che un oggetto nuovo viene attivato dallo Scrollspy. È possibile ascoltare in quel modo:

$('[data-spy="scroll"]').on('activate.bs.scrollspy', function(event) { 
    console.log('activate.bs.scrollspy', event); 
})

Ma!
Non è documentato che quando lo Scrollspy viene utilizzato sull'elemento <body>, l'evento activate.bs.scrollspy sarà disponibile solo sull'oggetto window.
Quindi, in questo caso piuttosto comune, si può prendere l'evento Scrollspy in questo modo:

$(window).on('activate.bs.scrollspy', function (event) { 
    console.log('activate.bs.scrollspy', event); 
})

fonte

2018-01-18 21:23:34 dferenc

Come utilizzare Twitter Bootstrap ScrollSpy per eseguire una funzione

risposta

Problemi correlati