скрыть ul, когда пользователь нажимает в любом месте сайта

Question

мой код:

function autocomplet() {
    var min_length = 0; // min caracters to display the autocomplete
    var keyword = $('#country_id').val();
    if (keyword.length >= min_length) {
        $.ajax({
            url: 'ajaxname.php',
            type: 'POST',
            data: {keyword:keyword},
            success:function(data){
                $('#country_list_id').show();
                $('#country_list_id').html(data);
            }
        });
    } else {
        $('#country_list_id').hide();
    }
}


function set_item(item) {
    // change input value
    $('#country_id').val(item);
    // hide proposition list
    $('#country_list_id').hide();



}

и я хочу скрыть ul (country_list_id), когда пользователь щелкает где-либо?

и я не очень хорош в ajax: (

так что любой может редактировать этот код

Answer 1

Предполагается, что вы просто хотите скрыть идентификатор, когда пользователь щелкает в основном что-либо.

Тогда здесь.

$(document).on("click", () => {
  $('#country_list_id').hide();
})