Question

我没有什么问题。我做了一些jQuery代码 http://codepen.io/anon/pen/uHgmr 但是当我将它添加到开发版的网站时，它无法正常工作。

http://mateusz.digitalzone.pl/kalendarz-szkolen/ （点击“Stwórzpakiet”和左下角的下一个图标）。

有人知道怎么解决吗？

Answer 1

添加它，它应该工作。你使用.filter

 <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

Answer 2

动画适用于我，但检查你的控制台（在chrome press shift＆amp; control + j中）

您在此处有错误：

for (var i = 0; i < listaSzkolenKoszyk.length; i++) {

listaSzkolenKoszyk未定义，因此没有长度

Answer 3

我会尝试两件事。

首先，确保在引用“this”指针时，它处于正确的上下文中。在这种情况下，“this”指向由$('.awesome-animation')检索的jQuery对象。

其次，尝试在第一个动画的回调函数中放置将图像的不透明度设置为0的动画，以便在第一个动画完成后对不透明度进行动画处理。像这样：

$('.awesome-animation').on('click', function () {
    var cart = $('.o-szkoleniu');

    // 1.
    // Make sure that "this" is in the right context
    // In this case, "this" points to the jQuery element corresponding to
    // $('.awesome-animation') and .find() will find elements within
    // this context.
    var imgtodrag = $(this).find("img.single-training-cover").eq(0);
    var imgclone = imgtodrag.clone();

    // ...

    imgclone.animate({
        'top': cart.offset().top,
        'left': cart.offset().left,
        'width': 112,
        'height': 167
    }, 1000, 'easeOutCirc', function() {

        imgclone.css('position', 'absolute');

        // 2.
        // This function should go in here, so that it gets executed AFTER
        // the position has been animated.
        imgclone.animate({
            'opacity' : 0
        },  function () {
            $(this).detach()
        });
    });
});

Animate position绝对jquery无法正常工作。

3 个答案: