JqueryアコーディオンとGalleria JS画像ビューアの問題

Question

私は現在、自分のためにウェブポートフォリオを作っています。私はアコーディオンで少し問題にびっくりしました。

現在、私はアコーディオンをこのように初期化します。私は私のプロジェクトごとにも初期化されなければならないガレリアJSの画像ビューア（www.Galleria.io）を使用していますが

$(function() { 
    $("#accordion").accordion({ 
     active: false, 
     autoHeight: false, 
     navigation: true, 
     collapsible: true 
    }); 
}); 

これは完璧に動作します。問題は、アコーディオンのコンテンツが隠されているため、イメージビューアで初期化エラーが発生することです。

私は、ガレリア要素をビューポートの外に置くか、アコーディオンが動作する方法を変えなければならないと言われました。誰も私の問題を解決する方法に関する提案はありますか？

Answer 1

あなたは代わりにオンロードのアコーディオン変更イベントハンドラでガレリアを初期化しようとすることができます：

http://jqueryui.com/demos/accordion/#event-change

更新：

バージョン1.2.7、現在ベータ版では、みましょうあなたが設定オプションを待ちます。これにより、ギャラリーが初期化前に計算された測定値を抽出できるようになるまで、どれくらい待つかをギャレリアに伝えることができます。

設定するとwait:trueはそのトリックを行う必要があります。無限になるまで（またはユーザーの操作を使用してギャラリーが表示されるまで）待機します。

はgithubのにベータ版をダウンロードしてください： https://github.com/aino/galleria

待ちオプションのドキュメント：