2010-01-23 4 views
0

J'ai un UL avec un LI à l'intérieur, quand je clique sur l'UL, le LI à l'intérieur de celui-ci apparaît. Le Li a une entrée à l'intérieur de celui-ci (formulaire de recherche), à ​​côté de cela, j'ai une entrée pour sélectionner la section du site Web que vous souhaitez rechercher (à la fois à l'intérieur de la LI)jquery: LI w/entrée à l'intérieur, comment cacher LI quand le focus quitte le LI et ses enfants complètement

J'essaie d'obtenir de sorte que lorsque le focus quitte le LI et tout ce qu'il contient (sélection d'entrée, recherche d'entrée), il disparaît. MAIS, maintenant mon code fait en sorte que lorsque vous cliquez sur l'UL pour fondre dans le LI, il se fane, puis je clique sur l'entrée de recherche, mais quand je clique sur l'autre entrée à l'intérieur de la LI (sélectionnez entrée) , le LI clignotera, puis si je clique sur l'entrée de recherche, le LI disparaîtra ... GAH! Je veux juste que le LI disparaisse quand il et tout à l'intérieur de tout cela n'a plus de focus. Toute aide serait grandement appréciée.

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); 

}); 

Répondre

0

Je viens d'apprendre qu'un div ne peut pas avoir le focus à moins que vous appliquez un index, mais le w3c dit que certains éléments devraient avoir un index leur est attribué, mais est-ce que quelqu'un a l'idée que j'essaye d'accomplir et a un moyen de le faire fonctionner?

Questions connexes