Функция автозаполнения Jquery

Question

У меня есть меню автозаполнения Jquery с изображением внизу - добавлено с кодом ниже.

Есть ли способ закрыть меню Jquery Autocomplete (исчезнуть) после того, как я нажму на картинку?

Спасибо за вашу помощь.

<script>
$(function() {
       var availableTags = [
        "new york, ny",
        "new york city, ny",
        "manhattan, ny",
        "queens, ny",
        "brooklyn, ny",
        "bronx, ny",
        "staten island, ny",
        "kings county, ny",
        "richmond county, ny",
        "big apple, ny" 
    ];
    $( "#tags" ).autocomplete({ 
        source: availableTags,
        open: function (event, ui) { 
                     var nyc="<img src=\"images/iloveny.jpg\" onclick=\"DoGood()\"/>";
                     $(this).autocomplete("widget").append(nyc); 
            },
    });
}); 
</script> 

Answer 1

В случае события click позвоните $( "#tags" ).autocomplete( "close" );.

Вот как я это сделаю ...

$("#tags").autocomplete({
    source: availableTags,
    open: function(event, ui) {

        var nyc = $("<img />", {
            src: "http://www.gravatar.com/avatar/8a3efc8be996c87da020df31e2416151?s=32&d=identicon&r=PG",
            alt: ""
        });

        nyc.click(function() {
            $(event.target).autocomplete("close");
        });

        $(this).autocomplete("widget").append(nyc);
    }
});​

jsFiddle .

Answer 2

Вот как я это сделал:

function closeAutocomplete() {
    $("#tags").next().hide();
}


$(function() {
       var availableTags = [
        "new york, ny",
        "new york city, ny",
        "manhattan, ny",
        "queens, ny",
        "brooklyn, ny",
        "bronx, ny",
        "staten island, ny",
        "kings county, ny",
        "richmond county, ny",
        "big apple, ny" 
    ];
    $( "#tags" ).autocomplete({ 
        source: availableTags,
        open: function (event, ui) { 
                     var nyc="<img id=\"nycImage\" src=\"https://twimg0-a.akamaihd.net/profile_images/772597407/DCA_Twitter_normal.png\" />";

                     $(this).autocomplete("widget").append(nyc); 
                     $('#nycImage').click(closeAutocomplete);
            },
    });
}); 



​