jquery - タブ付きdivのjQuery bxslider

Question

誰かがこの問題に遭遇して解決した場合、助けは素晴らしいでしょう.

ページに 3 つのスライダーがありますが、問題はなく、それぞれを jQuery のタブ付きコンテンツ コンテナーにドロップするまで正常に動作します。次に、最初のものが正常に実行されますが、タブを変更して最初の div を非表示にし、作業中のスライダーを使用すると、前/次の矢印とスライド番号のカウントのみが取得されますが、スライドは非表示になります。

どんな助けでも素晴らしいでしょう。

ありがとうジェフ

Answer 1

の高さをbx-viewportリセットする必要があります。または、コーハンが言ったように、このパラメーターを手動でjquery.bxslider.cssファイルに設定することで修正できます。このパラメータを設定すると、私の問題は解決しましたが、同じようです。

この問題は (おそらく) バグであるだけでなく、あなたが行っている他の DOM の操作を検証する必要があるため、理解するのが難しく、現在まで、この質問に対する公式の回答はありません。div の名前とそのクラスまたは ID を長時間見て、bx-viewport に問題があるかどうかを確認し、すべてが正常に機能するはずです。

更新-1

この問題を解決する別の方法は、ナビに onclick イベントをアタッチし、ユーザーのクリックで bxslider を起動することです。

このアプローチを行うには、ID を 1 つずつ追加するか、それに合うように正規表現に似たものを作成します。その後、イベントが発生したときに、コンテンツ タブの ID を取得する必要があります。この特定の ID があれば、その中で正しい「bxslider の ID」を検索できます。これは、Jquery のfind関数を使用して行うことができます。この時点で、bxslider コンストラクターを呼び出すことができます。

これは最新のブラウザーで動作するはずなので、IE の問題をよく調べてください。

Answer 2

同様の問題がありました。firebug を見ると、*bx-viewport" の高さがタブの各スライダーで 0px であることがわかりました。css で静的な高さを指定してこの問題を解決すると、すべてのスライダーがタブに表示されます。