magento à l'aide de jquery avec noconflict

Je suis à l'aide de 2 scripts jquery pour ma boutique Magento. L'un de ces scripts, un curseur fonctionne parfaitement et l'autre ne marche pas.

<script type="text/javascript">jQuery.noConflict();jQuery(function($){

function mycarousel_initCallback(carousel)
{
    //Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    //Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 0,
        wrap: 'circular',
        animation: 600,
        scroll: 6,
        initCallback: mycarousel_initCallback
    });

    $('.block_cart_header').hover(function(){
        $('.cart_add_items').fadeIn(700);
    },
    function(){
        $('.cart_add_items').fadeOut(700);
    });


});

jQuery(document).ready(function() {
    jQuery('.dropdown').selectbox();
}); });</script>

Quand j'enlève jQuery.noconflict(); à la fois de les scripts fonctionnent, mais le prototype de script ne marche pas.

C'est le script qui ne fonctionne pas:

jQuery(document).ready(function() {
jQuery('.dropdown').selectbox();}); });</script>
  • avez-vous des erreurs dans la console?
  • bonne question, c'est ce que j'obtiens: Uncaught TypeError: Object #<HTMLDivElement> n'a pas de méthode 'attr'
InformationsquelleAutor Leon van der Veen | 2011-11-29
  1. 7

    Vous devez remplacer tous les $( en jQuery( et $. en jQuery. jQuery dans les fonctions et les plugins.

    par exemple dans votre code remplacer

    jQuery('.block_cart_header').hover(function(){
        jQuery('.cart_add_items').fadeIn(700);
    },
    function(){
        jQuery('.cart_add_items').fadeOut(700);
    });

    Informations supplémentaires

    Vous pouvez modifier l'ordre de fichier de la bibliothèque de l'initialisation.
    Dans page.xml la modification de la commande comme ci-dessous

    1. jquery.js
    2. noconflict.js
    3. prototype.js
      Cela permettra d'éviter l'erreur dans IE8.

    Espère que cette aide

    • Thnx, cela a fonctionné!
    • monsieur !
    InformationsquelleAutor Gowri
  2. 2

    La selectbox plugin est probablement à l'aide de l' $ pour les appels JQuery. Changement de tous les $ dans la selectbox plugin pour jQuery et cela devrait fonctionner.

    Si non, veuillez placer un lien pour la selectbox plugin.

    • ce n'est pas une solution, les plugins doivent travailler en mode noConflict
    • tinyurl.com/c5fkvzb Le lien vers le script
    • Elzo -> Seulement si le plugin est correctement programmé
    • Essayez de remplacer toutes les occurences de $ avec jQuery
    InformationsquelleAutor user1071188
  3. 0

    Je suppose que le plugin qui ne fonctionne pas est le problème. Laissez le noConflict sur, il est vraiment nécessaire pour assurer la compatibilité entre le prototype et jQuery. Vérifiez si vous êtes de passage à un format correct objet HTML du plugin. Probablement, il s'attend à un objet avec certains attributs spécifiques et ceux qui ne sont pas présents.

    InformationsquelleAutor Elzo Valugi
  4. 0

    gowri solution a fonctionné pour moi , si le problème existe encore, alors vous devez être confirmer tout ce que le fichier js qui ont été utilisé, vous manque pour vérifier les fichiers js et changé comme indiqué par "gowri" je.e : 

    replace all $( into jQuery( and $. into jQuery.
    InformationsquelleAutor Bikram Shrestha