Javascript 使用jquery搜索栏

好的，我正在为一些朋友正在制作的娱乐套件编写UI。到目前为止，我有以下搜索栏：

（函数（$，c，b）{$.map（“单击dblclick mousemove mousedown mouseup mouseover mouseout change select submit keydown keypress keypress keypress keypress keypup”）.split（“”），函数（d）{a（d）}；a（“focusin”，“focus”+b）；a（“focusout”，“blur”+b）；$.addOutsideEvent=a；函数a（g，e）{e=e=e | g+b；var d=$，h=g+“+e+”-特殊事件”；.event.special[e]{设置：如果该函数为d；{（d.length==1{$（c）.bind（h，f）}，拆卸：function（）{d=d.not（this）；if（d.length==0{$（c）.unbind（h）}，add:function（i）{var j=i.handler；i.handler=function（l，k）{l.target=k；j.apply（this，arguments）}}；function f（i）{（d）.each（function（）{var j$（this）；unbind（this）{i.target）&！j}具有（i.trig.target），“外部”）；
var单击；
$（文档）.ready（函数（）{
单击=假；
$（“.search”）。单击（函数（）{
如果（单击==false）{
$（“.search”）.toggleClass（“活动”）；
单击=真；
}否则{
$（“.search”）.bind（“单击外部”，函数（事件）{
$（“.search”）.toggleClass（“活动”）；
单击=假；
});
}
});
})；

.search.active{
背景：rgba（0,0,0,0.4）；
宽度：500px；
}
.搜索{
边缘顶部：25px；
右边距：25px；
背景色：#448aff；
宽度：50px；
高度：50px；
边界半径：25px；
文本对齐：居中；
颜色：白色；
光标：指针；
盒影：02px5px0rgba（0,0,0,0.16），02px10px0rgba（0,0,0,0.12）；
过渡：所有500ms缓解；
}
.search>i{
线高：50px；
文本阴影：0px 0px 5px rgba（0,0,0,0.3）；
}

搜索

无需使用外部插件来实现单击外部功能，您可以自己实现

$（文档）.ready（函数（）{
$（“.search”）。单击（函数（）{
$（此）.addClass（“活动”）；
});
$（文档）。单击（函数（e）{
if（！$（e.target）.closest（“.search”）.length）{//另一种方法是停止事件传播
$（“.search.active”）.removeClass（'active'）；
}
});
})；

.search.active{
背景：rgba（0,0,0,0.4）；
宽度：500px；
}
.search.active表单{
显示：内联块；
}
.搜索{
边缘顶部：25px；
右边距：25px；
背景色：#448aff；
宽度：50px；
高度：50px；
边界半径：25px；
文本对齐：居中；
颜色：白色；
光标：指针；
盒影：02px5px0rgba（0,0,0,0.16），02px10px0rgba（0,0,0,0.12）；
过渡：所有500ms缓解；
}
.search>i{
线高：50px；
文本阴影：0px 0px 5px rgba（0,0,0,0.3）；
}

搜索

它在大部分情况下都能正常工作，但我需要它在单击搜索元素时不最小化搜索栏。看起来不错，让我们看看是否可以将其发送到我的服务器！好的，您已经收到了，但是您能让我知道它为什么这样做吗：？输入应该只在动画完成后显示