jQuery si hace clic?

Question

Con la siguiente pieza de código ... ¿Es posible decir que, si se hizo clic en el li, haga esto si no (haga clic en otro lugar)? El código solo hará que el div desaparezca si el usuario hace clic en algo de la lista. ¿Necesito que desaparezca si hacen clic en cualquier otro lugar también ...? ¡Gracias!

.bind('blur', function() { 
    $('#search_suggestions_list li').click(function() { 
     var selectedString = $(this).text(); 
     $('#search-box').val(selectedString); 
     setTimeout("$('#search_suggestions').fadeOut('fast');", 200); 
    }) 
}) 

Answer 1

$(document).click(function(){ 
    //user clicked anywhere on the page 
}); 

$('#search_suggestions_list li').click(function() { 
    //user clicked on the li 
    return false; 
}); 

Asegúrese de volver falso, de lo contrario el caso de documento, haga clic se llamará así.

Answer 2

$('#search_suggestions_list li').click(function() { 
    var selectedString = $(this).text(); 
    $('#search-box').val(selectedString); 
    setTimeout("$('#search_suggestions').fadeOut('fast');", 200); 
}) 

$('#search-box').blur(function(){ 
    // do something else 
}); 

Answer 3

Gestione el evento click en el documento, y luego maneje el evento click en su li. Dentro del evento Click para el li, utilice la función stopPropogation para evitar el documento (padre) haga clic en caso de disparar ...

$(document).click(function() { 
    // Clicked outside the LI 
}); 

$('#search_suggestions_list li').click(function(e) { 
    var selectedString = $(this).text(); 
    $('#search-box').val(selectedString); 
    setTimeout("$('#search_suggestions').fadeOut('fast');", 200); 

    e.stopPropagation(); // Stops document.click from firing 
})