Twitter Bootstrap 3 menu déroulant disparaît lorsqu'il est utilisé avec prototype.js

J'ai un problème lors de l'utilisation de bootstrap 3 & prototype.js ensemble sur un site magento.

Fondamentalement, si vous cliquez sur le menu déroulant (Nos Produits) & cliquez ensuite sur le fond, le menu déroulant (Nos Produits) disparaît (prototype.js ajoute "display: none;" de la li).

Voici une démo de la question:
http://ridge.mydevelopmentserver.com/contact.html

Vous pouvez voir que le menu déroulant fonctionne comme il se doit, sans y compris prototype.js sur la page en lien ci-dessous:
http://ridge.mydevelopmentserver.com/

Quelqu'un d'autre a rencontré ce problème ou avez une solution pour le conflit?

SOLUTION FACILE:

Il suffit de remplacer Magento prototype.js fichier avec cette amorce l'amicale:

https://raw.github.com/zikula/core/079df47e7c1f536a0d9eea2993ae19768e1f0554/src/javascript/ajax/original_uncompressed/prototype.js

Vous pouvez voir les changements effectués dans le prototype.js fichier pour corriger le bootstrap question ici:

https://github.com/zikula/core/commit/079df47e7c1f536a0d9eea2993ae19768e1f0554

REMARQUE: JQuery doit être inclure dans votre peau avant de magento prototype.js.. Exemple:

<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/prototype/prototype.js"></script>
<script type="text/javascript" src="/js/lib/ccard.js"></script>
<script type="text/javascript" src="/js/prototype/validation.js"></script>
<script type="text/javascript" src="/js/scriptaculous/builder.js"></script>
<script type="text/javascript" src="/js/scriptaculous/effects.js"></script>
<script type="text/javascript" src="/js/scriptaculous/dragdrop.js"></script>
<script type="text/javascript" src="/js/scriptaculous/controls.js"></script>
<script type="text/javascript" src="/js/scriptaculous/slider.js"></script>
<script type="text/javascript" src="/js/varien/js.js"></script>
<script type="text/javascript" src="/js/varien/form.js"></script>
<script type="text/javascript" src="/js/varien/menu.js"></script>
<script type="text/javascript" src="/js/mage/translate.js"></script>
<script type="text/javascript" src="/js/mage/cookies.js"></script>
<script type="text/javascript" src="/js/mage/captcha.js"></script>
  • Jetez un oeil à ma réponse à une question similaire, stackoverflow.com/a/15095654/341491
  • Génial.. je vais vérifier -, Merci 🙂
  • A pris 2 jours avant, j'ai trouvé ce post et le Bootstrap version imprimable de prototype. Merci!!!! Savoir de tous les bas-côtés ou de problèmes de compatibilité? J'ai remarqué que j'avais de charger jQuery première et de cesser d'utiliser noConflict.
  • oui, enfin, je vous remercie!
  • Merci. Passé des heures à essayer de résoudre ce problème. jQuery doit être compris avant de prototype, de bon conseil.
  • cela fixe la liste déroulante problème, mais dans le backend de magento, il a cassé le "Ajouter un Attribut" caractéristique.
  • Utilisé la fonction "Easy Fix" solution thème personnalisé, bien fonctionné, mais pas encore tester d'autres prototypes de fonctions comme les pages de paiement, etc
  • Merci, signet de cette question pour la référence.

InformationsquelleAutor MWD | 2013-10-02