JQuery автозаполнение при входе

0

У меня есть следующий автозаполнение jquery:

   $(function() {

    $("#my_ac").autocomplete({
        source: [
            {
                label: "/Tom-Hanks",
                value: "Tom Hanks",
                description: "Actor",
                image: "hanks.png"
            },
            {
                label: "/Termionator-2",
                value: "Termionator 2",
                description: "Movie",
                image: "terminator.png"
            }
        ],
        minLength: 1
    }).data( "autocomplete" )._renderItem = function( ul, item ) {
        var inner_html = '<a href="' + item.label + '"><div class="list_item_container"><div class="image"><img src="' + item.image + '"></div><div class="label">' + item.label + '</div><div class="description">' + item.description + '</div></div></a>';
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append(inner_html)
            .appendTo( ul );
    };
});

При щелчке мышью над сгенерированным div (class= list_item_container) он переадресовывает вам ссылку "label". Как я могу переадресовать на ту же ссылку при попадании в нее?

  • 0
    Вы можете использовать событие выбора в автозаполнении
Теги:
autocomplete

1 ответ

1
Лучший ответ

Вы можете использовать событие select в автозаполнении. Здесь я предполагаю, что ваш ярлык является URL-адресом, который вы предпочитаете перенаправлять из своего примера.

 $("#my_ac").autocomplete({
        select:function(event,ui){
            if(event.keyCode==13){
               window.location = ui.label;   
            }
        },
........
});

Посмотреть более подробную информацию о автозаполнении выберите событие здесь

  • 0
    Мне пришлось заменить ui.label на ui.item.label, и это сработало. Спасибо за это.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню