0

Bootstrap 3 で構築されたサイトで、Tympanus の Circular Content Carousel を FancyBox と組み合わせて使用​​しているサイトで作業しています。ただし、Bootstrap の一部である折りたたみ可能なモバイル メニューがこのページで機能していないことに気付きました。Bootstrap が 1.9 以降を使用しているのに対し、Content Carousel は jQuery 1.6.2 を使用していることに気付きました。jQuery-1.6.2 へのリンクを削除すると、モバイル メニューは機能しますが、カルーセルが壊れます。jQuery-1.11.1 を削除すると、カルーセルは機能しますが、モバイル メニューは壊れます。両方をリンクすると、カルーセルは機能しますが、モバイル メニューは機能しません。jQuery.conflict スクリプトを使用してみましたが、役に立ちませんでした (サイトを構築した人は、既にこれを実装し始めていましたが、失敗に終わりました)。

ここのスタック オーバーフロー リンクに従って contentcarousel.js ファイルの 217 行目と 227 行目を .live から .on に変更し、古い jquery ファイルを削除しようとしました。+ 記号をクリックしてライトボックスに入り、ライトボックスから出る場合を除いて、すべてがほぼ機能するようになりました。コンテンツ カルーセルは機能しなくなりました。また、この変更後、ドロップダウン メニューにカーソルを合わせると、アクティブな「マウスオーバー」状態のままになることにも気付きました。

サイトはhttp://smmcnyc.com/work/bnc/history.htmlで、history2.html は contentcarousel.js ファイルが変更されたバージョンです。

提案?アドバイス?助けてください!

4

0 に答える 0