Eu queria uma lista suspensa para implementar uma determinadaentrada. Mas a seleção incorporada não me pareceu boa. Então, tentei implementá-la com listas. Tive sucesso parcial com isso. Quando clico no campo de texto, a lista é apresentada deslizando para baixo no campo de texto e ao clicar na lista é descartada deslizando para cima. As animações de slides são feitas usando jQuery.
Ao clicar em qualquer um dos <li> elementos que o valor é definido no campo. Um clique em qualquer outro lugar simplesmente descarta a lista. Mas agora, quando a lista é apresentada sobre um botão e quando clico na lista, ela considera isso como um clique no botão e simplesmente descarta a lista.
Como posso dizer ao navegador para clicar na lista em vez de clicar no botão quando a lista é apresentada ???
A captura de tela deve dar uma boa idéia .. O clique em todos os outros itens da lista funciona corretamente. Mas aqueles que estão acima do botão não funcionam. Na captura de tela .. O clique no item de lista Diversos não funciona.
Respostas:
0 para resposta № 1Você pode usar event.stoppropagation.
$("#PopuListId").click(function(event){
event.stopPropagation();
// do rest of the things
});