jquery-selectbox - 他の何かをクリックするとドロップダウンを閉じる

Question

「selectOptions」を閉じるにはどうすればよいですか? これで、「span.selected」または「span.selectArrow」をクリックしたときにのみ閉じることができます。別のリストをクリックしたり、リストの外に出たりしたときにも閉じたいと思います。

function enableSelectBoxes(){
$('div.selectBox').each(function(){
    $(this).children('span.selected').html($(this).children('div.selectOptions').children('span.selectOption:first').html());
    $(this).attr('value',$(this).children('div.selectOptions').children('span.selectOption:first').attr('value'));

    $(this).children('span.selected,span.selectArrow').click(function(){
        if($(this).parent().children('div.selectOptions').css('display') == 'none'){
            $(this).parent().children('div.selectOptions').css('display','block');
        }
        else
        {
            $(this).parent().children('div.selectOptions').css('display','none');
        }
    });
    $(this).find('span.selectOption').click(function(){
        $(this).parent().css('display','none');
        $(this).closest('div.selectBox').attr('value',$(this).attr('value'));
        $(this).parent().siblings('span.selected').html($(this).html());
    });
}); 
}

Answer 1

次のようなことができます。

$(document).click(function(event) {
    //If the user clicks somewhere on the page, but not on the autocomplete.
    if(event.target != $("#autocomplete")[0]) {
        $("#autocomplete").hide();
    }
});