javascript - 在其外部单击时向后滑动

嗨，我想让我的侧面滑动按钮在用户单击外部时平稳地滑回其位置。

如果您想检查它，请在这里jfiddle

截至目前，当您在其外部单击时，它不会返回原位。

JS

$(document).ready(function () {
    $('#slideleft .mybutton').click(function () {
        var $lefty = $(this).parent();
        $lefty.animate({
            left: parseInt($lefty.css('left'), 10) == 0 ? -$lefty.outerWidth() + 31 : 0
        });
    });
});

最佳答案

请尝试以下方法：

$(document).mouseup(function (e) {
        var $lefty = $('#slideleft .mybutton').parent();
        var container = $("#slideleft");
        if (parseInt($lefty.css('left')) == 0) if (container.has(e.target).length === 0) {
            animate();
        }
    });

这是一个工作的小提琴：

JSFiddle

关于javascript - 在其外部单击时向后滑动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18147923/