Twitter Bootstrap ScrollSpyを使用して関数を実行する方法

ScrollSpyが通知を受け取った後、さらにデータをロードしたいと思います。しかし、私はそのイベントをキャプチャして機能を実行する方法を見ていません。Twitter Bootstrap ScrollSpyを使用して関数を実行する方法

2012-02-18 opengrid

更新済み このトリガーは今すぐメインビルドにプッシュされました。完全なドキュメントで見ることができます。 http://twitter.github.com/bootstrap/javascript.html#scrollspy

githubの作業ブランチにアクティベーションコールバックを起動する更新があります。

参照

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

あなたがアクティブ・トリガーをつかむたら、あなたはそのようにそれを呼び出すことができます：あなたはこのようにそれを行うことができますブートストラップ3について

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

出典

2012-04-23 22:05:14

（docs）

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

出典

2016-01-25 09:02:18 alex

これはブートストラップ4（ベータ3）のためのものである：一般的に
それはScrollspyドキュメントのEventsセクション、activate.bs.scrollspyで述べられているように、Scrollspyイベントの使用は、ブートストラップ3から変化しませんでした新しい項目がScrollspyによってアクティブになるたびに、スクロール要素（data-spy="scroll"）にイベントが発生します。あなたはそれのようにそれを聞くことができます：

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

しかし！
<body>要素でScrollspyを使用した場合、activate.bs.scrollspyイベントはwindowオブジェクトでのみ利用可能となることが記載されています。
このように比較的一般的なケースでは、Scrollspyイベントを次のようにキャッチできます。

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

出典

2018-01-18 21:23:34 dferenc

Twitter Bootstrap ScrollSpyを使用して関数を実行する方法

答えて

関連する問題