我有一个 UL,里面有一个 LI,当我点击 UL 时,里面的 LI 淡入。 Li 里面有一个输入(搜索表单),在它旁边我有一个选择输入来选择您要搜索的网站部分。(都在 LI 内)
我试图得到它,以便当焦点离开 LI 及其内部的所有内容(选择输入、搜索输入)时,它会淡出。但是,现在我的代码使得当您单击 UL 淡入 LI 时,它会淡入,然后我单击搜索输入,但是当我单击 LI 内的另一个输入时(选择输入) , LI 会闪烁,然后如果我点击搜索输入,LI 会淡出... GAH!我只是希望 LI 在它和它里面的所有东西都不再有焦点时淡出。任何帮助将不胜感激。
html:
<ul class="ulsearch">
<li class="lisearch">
<input type="text" id="search" />
<select>
<option>EVERYTHING</option>
<option>MUSIC</option>
<option>VIDEOS</option>
</select>
</li>
</ul>
jQuery:
$('.ulsearch').click(function() {
$('.lisearch').fadeIn(100);
});
$('.lisearch').focusout(function() {
$('.lisearch').fadeOut(100);
});