wake-up-neo.net

Mootools-more.js em conflito com Bootstrap Dropdowns de botões

Eu estava migrando um componente de Bootstrap 2 para Bootstrap 3. 3. Notei um efeito estranho depois de abrir e fechar um botão suspenso = = o botão desaparece.

enter image description here

Ao investigar, parece que o jQuery está em conflito (semelhante a https://github.com/twbs/bootstrap/issues/3436 ) com o Mootools. Este não é um conflito no sentido geral (não está causando erros de JavaScript nos logs).

o jQuery está disparando um evento 'hide' e o MooTools está capturando-o primeiro.

enter image description here

joomla-2.5jquerymootoolsbootstrap
3
Valentin Despa

Esta é a única solução alternativa que eu encontrei até agora (aberta para revisão):

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

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

Achei isso procurando uma solução para isso https://forum.joomla.org/viewtopic.php?f=706&t=903425&p=3474051#p3474051 o mesmo problema com as guias que desapareciam no frontend editando mootools não configurados usando estes https://forum.joomla.org/viewtopic.php?t=813835

Eu acho que, em alguns casos, não está definido ($ doc -> _ scripts [JURI :: root (true). '/Media/system/js/mootools-core.js']);

0
geo

No meu caso, resolvo isso fazendo o seguinte:

em 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>

em js

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

Não use mootools.

Ele já está programado para ser removido no roteiro do Joomla, sendo o jQuery a opção principal preferida e Bootstrap deixou bem claro que Bootstrap não se destina a ser executado juntamente com outros bibliotecas javascript.

0
Seth Warburton