Javascript 在其外部单击时向后滑动

嗨，我想有我的侧滑块按钮，以顺利滑回位置，如果用户点击以外的它

如果你想检查的话，这是最重要的

到目前为止，当你点击它的外部时，它不会回到原来的位置

JS

请尝试以下方法：

$(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();
        }
    });

这是一把小提琴：

请尝试以下操作：

$(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();
        }
    });

这是一把小提琴：

---

使用一些

事件。target

诡计可以提供以下信息：

$(document).on('click', function (event) {
    if (event.target !== $('#slideleft .mybutton')[0]) {
        $('#slideleft .mybutton').hide(); //or slide however you want to.
    }
});

如果您注意到这实际上比较的是实际的HTML而不是jQuery对象。

---

这是因为

.target

会返回单击内容的实际HTML。

使用一些

事件。target

欺骗会提供以下信息：

$(document).on('click', function (event) {
    if (event.target !== $('#slideleft .mybutton')[0]) {
        $('#slideleft .mybutton').hide(); //or slide however you want to.
    }
});

如果您注意到这实际上比较的是实际的HTML而不是jQuery对象。 这是因为

.target

会返回单击内容的实际HTML。

添加此功能：

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

以下是添加此功能的

：

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

这是你的电话号码