it-swarm.dev

Mootools-more.js está en conflicto con Bootstrap menú desplegable de botones

Estaba migrando un componente de Bootstrap 2 a Bootstrap 3. Noté un efecto extraño después de abrir y cerrar un botón desplegable => el botón desaparece.

enter image description here

Al investigar, parece que jQuery está en conflicto (similar a https://github.com/twbs/bootstrap/issues/3436 ) con Mootools. Esto no es un conflicto en el sentido general (no está causando errores de JavaScript en los registros).

jQuery está activando un evento 'hide' y MooTools lo está detectando primero.

enter image description here

3
Valentin Despa

Esta es la única solución que he encontrado hasta ahora (abierta para revisión):

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

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

Encontré esto buscando una solución para esto https://forum.joomla.org/viewtopic.php?f=706&t=903425&p=3474051#p3474051 el mismo problema con la desaparición de pestañas en la edición frontend de los mootools sin configurar usando estos https://forum.joomla.org/viewtopic.php?t=813835

Creo que en muchos casos no está configurado ($ doc -> _ scripts [JURI :: root (true). '/Media/system/js/mootools-core.js']);

0
geo

En mi caso, resuelvo esto haciendo lo siguiente:

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

en js

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

No uses mootools.

Ya está programado para su eliminación en la hoja de ruta de Joomla, jQuery es la opción principal preferida y Bootstrap ha dejado bastante claro que Bootstrap no está destinado a ejecutarse junto con otros bibliotecas javascript.

0
Seth Warburton