Bootstrap 2 to Bootstrap 3.からコンポーネントを移行しました。3。ボタンドロップダウンを開いて閉じた後、奇妙な効果に気づきました=>ボタンが消えました。
調査したところ、jQueryがMootoolsと競合しているようです( https://github.com/twbs/bootstrap/issues/3436 と同様)。これは一般的な意味での競合ではありません(ログにJavaScriptエラーが発生することはありません)。
jQueryが「非表示」イベントをトリガーし、MooToolsが最初にそれをキャッチします。
これは、これまでに見つけた唯一の回避策です(レビュー用に開いています)。
// MooTools
window.addEvent('domready',function() {
Element.prototype.hide = function() {
alert('Intercepted');
// Do nothing
};
});
これの解決策を探してこれを見つけました 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']);
私の場合、私はこれを次のようにして解決します:
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');
});
};
});
Mootoolsは使用しないでください。
Joomlaのロードマップでの削除はすでに予定されており、jQueryが推奨されるコアオプションであり、Bootstrapは、Bootstrapが他のアプリケーションと一緒に実行されることを意図していないことを明確にしていますJavaScriptライブラリ。