私はアコーディオンを使ったアプリケーションを持っています。アコーディオンのセクション .content はサーバーから取得され、動的に生成され、かなり大きくなる可能性があります。したがって、ユーザーがセクションを開いたときにのみコンテンツをロードするのが最善です。ただし、これを行う最善の方法は、セクション オープン イベントにバインドし、コンテンツの取得中に読み込みアイコンを表示してから、そのコンテンツを表示することです。
ただし、オープン イベントにバインドするのは非常に困難です。新しい Foundation 4 セクション/タブ/アコーディオンに関するドキュメントはあまりないようです。私が見たのは基盤 3 の可能性があります。open/opened/close/closed イベントを送信する必要があると言われましたが、スローされていないようです。
バインドできると思われる唯一のイベントは「クリック」です。最初のセクションがすでに開いている状態でアコーディオンが頻繁にロードされることを除いて、これは機能します。ドキュメントの準備ができている状態で実行できますmyExampleDynamicLoader($('section.active'))が、ハックの少ない方法があるはずです。
私が話していることを示すためにjsFiddleを作成しましたhttp://jsfiddle.net/HurricaneJamesEsq/6sGGD/14/
助言がありますか？