Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery动画在触摸事件中不工作_Jquery_Jquery Animate_Jquery Events_Touch Event - Fatal编程技术网

jQuery动画在触摸事件中不工作

jQuery动画在触摸事件中不工作,jquery,jquery-animate,jquery-events,touch-event,Jquery,Jquery Animate,Jquery Events,Touch Event,在以下代码中,$(“#slidemenu容器”).animate(…)不起作用: $(document).live('touchend', function(event, data) { var container = $("#slidemenu-container"); var container2 = $("#bg-yellow-id"); if (container.has(event.target).length ===

在以下代码中,
$(“#slidemenu容器”).animate(…)
不起作用:

$(document).live('touchend', function(event, data) {
    var container = $("#slidemenu-container");
    var container2 = $("#bg-yellow-id");

    if (container.has(event.target).length === 0 && container2.has(event.target).length === 0 && settings.katMenuVisible) {

        // workaround because showHide(...) with animate isnt working
        var left = '-=' + settings.listSlideWidth + 'px';
        $("#show-hide-kat").css({
            'background-image': "url('" + yiiBaseUrl + "/images/NAVbutton_opennav.png')"
        });

        $('#slidemenu-container').animate({
            left: left,
        }, settings.duration, function() {

        });

        settings.katMenuVisible = !settings.katMenuVisible;

    }
});
如果我使用
.css()
函数修改left属性,它就会工作:

$(document).live('touchend', function(event, data) {
    var container = $("#slidemenu-container");
    var container2 = $("#bg-yellow-id");

    if (container.has(event.target).length === 0 && container2.has(event.target).length === 0 && settings.katMenuVisible) {

        // workaround because showHide(...) with animate isnt working
        var left = '-=' + settings.listSlideWidth + 'px';
        $("#show-hide-kat").css({
            'background-image': "url('" + yiiBaseUrl + "/images/NAVbutton_opennav.png')"
        });

        container.css({
            'left': left
        });

        settings.katMenuVisible = !settings.katMenuVisible;

    }
});

有什么问题吗?我尝试了所有的方法,但动画仍然不起作用。

也许可以尝试一些更简单的方法,如: .animate({“左”:“+=50px”},“慢”)

顺便说一句,我不知道你到底想做什么,你想让它切换到左边并设置动画?让它出现