jquery:LI w /在里面输入,当焦点离开LI时它是如何隐藏LI而它是完全的孩子

时间:2010-01-23 20:29:50

标签: jquery focus lost-focus

我有一个带有LI的UL,当我点击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);

});

1 个答案:

答案 0 :(得分:0)

我刚刚知道div除非你对它应用索引,否则不能有焦点,但是w3c说只有特定的元素应该有一个索引设置,但是有没有人得到我想要完成的想法和有办法让它发挥作用吗?