私はプログラム的な使用スティッキーzurb Foundationフレームワークのコンポーネントが、非同期リクしまうのsetTimeout

Question

に新しいインスタンス財団：私はこのコードを実行した場合

const sticky = new Foundation.Sticky($('.sticky')); 

が、それはいい仕事を。しかし、setTimeoutメソッドで、それは動作しません：

setTimeout(() => { 
    const sticky = new Foundation.Sticky($('.sticky')); 
}, 2000); 

あなたはcodepenでこれをテストすることができます。

誰でも手伝ってもらえますか？なぜ私の新しいインスタンスが非同期コードで動作しないのかわかりません。

ありがとうございました！

Answer 1

私はStickyの_calc() Methodeのを呼び出すことによってポイントを再計算：

setTimeout(() => { 
    const sticky = new Foundation.Sticky($('.sticky')); 
    $('.sticky').foundation('_calc', true); 
}, 2000); 

これはあなたのcodepen例で働いていました。 解決策はGithub issue tracker of zurb/foundation-sitesにあります。