Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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 如果访问者单击除div之外的网页上的任何其他位置,则将动画设置回默认设置_Jquery_Click_Jquery Animate - Fatal编程技术网

Jquery 如果访问者单击除div之外的网页上的任何其他位置,则将动画设置回默认设置

Jquery 如果访问者单击除div之外的网页上的任何其他位置,则将动画设置回默认设置,jquery,click,jquery-animate,Jquery,Click,Jquery Animate,当访问者单击其他任何地方,但不单击图像时,如何使图像容器动画恢复到其原始大小 我可以这样做,使用原始大小的动画制作背景 $("#image").click(function(){ $("#image-container").animate({"width": "350px"}, 500); }); 但是有没有更好的方法,以及如何在访问者点击其他地方时使div动画化 谢谢!:) 您是否尝试过这样做: 或者这个答案: //将选择器应用于所有可见项 .not( select

当访问者单击其他任何地方,但不单击图像时,如何使图像容器动画恢复到其原始大小

我可以这样做,使用原始大小的动画制作背景

$("#image").click(function(){
        $("#image-container").animate({"width": "350px"}, 500);
    });
但是有没有更好的方法,以及如何在访问者点击其他地方时使div动画化


谢谢!:)

您是否尝试过这样做:

或者这个答案:

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

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

下面的代码正在工作


.not()
过滤掉当前的元素集合。。而你只有document@wirey请解释-1文档将不包含id=image,因此它不会过滤掉
$('.class')。not(''certainid')
将从
$('.class')
元素集合中过滤掉带有
class=class
id=certainid
的元素。。您当前选择了文档。。在jquery中,除了id=imagecorrected的文档之外,现在当前文档的所有子文档都将具有单击功能。为什么要将return设置为false?return false将阻止事件的进一步传播。因此,它将不会冒泡文件。请分析你得到的答案,并阅读此
.not( selector )Returns: jQuery
Description: Remove elements from the set of matched elements.
$(document).find('*').not("#image").is(':visible').click(function(){
        $("#image-container").animate({"width": "200px"}, 500);
 });
$(document).click(function(){
        $("#image-container").animate({"width": "200px"}, 500);
 });
$("#image").click(function(){
        $("#image-container").animate({"width": "350px"}, 500);
        return false;
});