jquery - 如果访问者单击网页上除 div 之外的任何其他位置，则动画恢复为默认值

Question

$("#image").click(function(){
        $("#image-container").animate({"width": "350px"}, 500);
    });

当访问者单击其他任何地方而不是#image 时，如何使#image-container 动画恢复到其原始大小？

我可以这样做，用原始尺寸动画背面的东西。

$("#image").click(function(){
        $("#image-container").animate({"width": "200px"}, 500);
    });

但是有没有更好的方法，当访问者点击其他地方时，如何让 div 动画？

谢谢！:)

Answer 1

以下代码正在使用提琴手

$(document).click(function(){
        $("#image-container").animate({"width": "200px"}, 500);
 });
$("#image").click(function(){
        $("#image-container").animate({"width": "350px"}, 500);
        return false;
});

Answer 2

你有没有试过这样：

http://api.jquery.com/not/

.not( selector )Returns: jQuery
Description: Remove elements from the set of matched elements.

或者这个答案：jQuery 选择器不是

//将选择器应用于所有可见项

$(document).find('*').not("#image").is(':visible').click(function(){
        $("#image-container").animate({"width": "200px"}, 500);
 });