6

Twitter Bootstrap を使用して、Joomla 2.5.x のテンプレートに取り組んでいます。また、そのテンプレートに Bootstrap Carousel Plugin を使用したいと考えています。

Carousel を Joomla の Mootools 実装で使用すると問題が発生しました。カルーセル要素のスタイルがマイナスのマージンで変更され、ユーザーから見えなくなります。何が起こっているのかを正確に示すために、jsfiddle http://jsfiddle.net/U2pHH/11/を用意しました。

カルーセルは、スタイル属性を変更するカルーセルが原因で、1 秒おきの画像がユーザーに表示されないようにしていますが、ユーザーはすべてのスライドを表示する必要があります。

Carousel Plugin と Mootools JS ファイルのソースコードを調べましたが、残念ながら問題の原因を特定できませんでした。jQueryとMootoolsの間の関数/クラスの名前付けの問題かもしれないと思いましたが、そこに問題は見つかりませんでした。

ここで私を助けてくれることを願っています。

編集: mootools-more.js の Fx.Slide クラスと関係があることがわかりました。ソースコードからクラスを削除すると問題が解決しました。しかし、それはまだ本当の解決策ではありません。どんな助けでも大歓迎です。

4

6 に答える 6

8

これがJoomlaとmootoolsに固有の修正ですmore、

jq呼び出しの後にこのコードを追加します。これは、任意のjsファイルに含めることができます。

追加

if (typeof jQuery != 'undefined') { 
(function($) { 
       $(document).ready(function(){
        $('.carousel').each(function(index, element) {
                $(this)[index].slide = null;
               });
         });
 })(jQuery);
}
于 2012-10-11T01:13:43.777 に答える
5

Benn が提供した同じものの別の実装は次のとおりです。

if (typeof jQuery != 'undefined' && typeof MooTools != 'undefined' ) {
    Element.implement({
        slide: function(how, mode){
            return this;
        }
    });
}

私が最終的にたどり着いたもの - Fx.Slideなしでカスタム Mootools Moreビルドを作成しました

于 2012-12-23T13:03:04.740 に答える
0

同じ問題がありました：mootools-more.jsがロードされたため、登録されたフロントエンドでブートストラップカルーセルが機能していませんでした。

私の解決策：Jquery Easy Plugin（http://www.simplifyyourweb.com/index.php/downloads/category/8-loading-jquery）と[AdvancedOptions]の[RemoveMootools]オプション。

于 2012-08-31T10:49:20.603 に答える
0

同じ問題があります。私はJBライブラリ（http://www.joomlabamboo.com/joomla-extensions/jb-library-plugin-a-free-joomla-jquery-plugin）と呼ばれるプラグインを使用しています。これにはMootoolsや/またはを削除するオプションがあります管理者からのMootoolsMore。「MootoolsMore」をオフにした後、カルーセルの問題は「修正」されました。更新に関してコメントアウトするよりも簡単な解決策かもしれません。もちろん、サイト上の他のもののためにmootools-more.jsが必要な場合を除きます。

うまくいけば、より良い解決策がすぐにやってくるでしょう。

于 2012-06-19T10:07:05.060 に答える
0

問題は Mootools more が twitter のブートストラップと競合していることです。jQuery または Mootools のみを使用することをお勧めします。ここに Mootools のブートストラップ実装があります: https://github.com/anutron/mootools-bootstrap

于 2012-05-13T09:19:07.457 に答える