web-dev-qa-db-ja.com

Mootools-more.jsがBootstrapボタンのドロップダウンと競合する

Bootstrap 2 to Bootstrap 3.からコンポーネントを移行しました。3。ボタンドロップダウンを開いて閉じた後、奇妙な効果に気づきました=>ボタンが消えました。

enter image description here

調査したところ、jQueryがMootoolsと競合しているようです（ https://github.com/twbs/bootstrap/issues/3436 と同様）。これは一般的な意味での競合ではありません（ログにJavaScriptエラーが発生することはありません）。

jQueryが「非表示」イベントをトリガーし、MooToolsが最初にそれをキャッチします。

enter image description here

joomla-2.5jquerymootoolsbootstrap
3
Valentin Despa

これは、これまでに見つけた唯一の回避策です（レビュー用に開いています）。

// MooTools
window.addEvent('domready',function() {

    Element.prototype.hide = function() {
        alert('Intercepted');
        // Do nothing
    };
});
5
Valentin Despa

これの解決策を探してこれを見つけました https://forum.joomla.org/viewtopic.php?f=706&t=903425&p=3474051#p3474051 フロントエンド編集でタブが消えることと同じ問題を使用して未設定のmootoolsを使用これら https://forum.joomla.org/viewtopic.php?t=813835

場合によってはunset（$ doc-> _ scripts [JURI :: root（true）。 '/media/system/js/mootools-core.js']）;

0
geo

私の場合、私はこれを次のようにして解決します：

html

<ul id="myTab" class="nav nav-tabs">
    <li class="active"><a href="#link1" data-toggle="tab">Link1</a></li>
    <li><a href="#Link2" data-toggle="tab">Link1</a></li>   
</ul>
<div class="tab-content">
    <div class="tab-pane fade in active" id="link1">
        LINK1
    </div>
    <div class="tab-pane fade" id="web_design">
        LINK2
    </div>
</div>

jsで

window.addEvent('domready',function() {    
    Element.prototype.hide = function() {
       $(function () { 
         $('#myTab li:eq(1) a').tab('show');
       });    
    };
});
0
Shiplu

Mootoolsは使用しないでください。

Joomlaのロードマップでの削除はすでに予定されており、jQueryが推奨されるコアオプションであり、Bootstrapは、Bootstrapが他のアプリケーションと一緒に実行されることを意図していないことを明確にしていますJavaScriptライブラリ。

0
Seth Warburton