Question

我尝试在Magento 1.9上添加这个JS代码，但是当我点击添加到购物车按钮时没有任何反应。

我在XML文件中添加了代码（当我通过浏览器在页面中看到源代码时，我看到没问题）：

并在文件夹JS / Carrello / cart.js中添加了这个JS：

$('.btn-cart').on('click', function () {
        var cart = $('.skip-cart');
        var imgtodrag = $(this).parent('.item').find("img").eq(0);
        if (imgtodrag) {
            var imgclone = imgtodrag.clone()
                .offset({
                top: imgtodrag.offset().top,
                left: imgtodrag.offset().left
            })
                .css({
                'opacity': '0.5',
                    'position': 'absolute',
                    'height': '150px',
                    'width': '150px',
                    'z-index': '100'
            })
                .appendTo($('body'))
                .animate({
                'top': cart.offset().top + 10,
                    'left': cart.offset().left + 10,
                    'width': 75,
                    'height': 75
            }, 1000, 'easeInOutExpo');

            setTimeout(function () {
                cart.effect("shake", {
                    times: 2
                }, 200);
            }, 1500);

            imgclone.animate({
                'width': 0,
                    'height': 0
            }, function () {
                $(this).detach()
            });
        }
    });

我遵循了这个指南： http://codepen.io/ElmahdiMahmoud/pen/tEeDn

Answer 1

首先检查与原型的任何冲突。

如果是这种情况用jQuery替换$

另外，您能否解释一下如何使用xml添加代码？

添加js代码添加到购物车magento 1.9

1 个答案: