jQueryUI autocomplete с интерактивными ссылками?

Question

Это был мой первый раз, когда я использовал автозаполнение jQueryUI, мне удалось заставить его работать, есть еще одна функциональность, которая нужна нашему клиенту, т. Е. Иметь интерактивные категории в предложениях поиска.

Например, посмотрите на этот образ:

Сво с сайта NewEgg, Когда я ищу «NVIDIA», список предлагаемых населяет, помимо только пункт название категории она лежит в также но категория отображается как текст, а не ссылка (т.е. сама категория не является кликабельной). Я делаю то же самое, я возвращаю результаты поиска из службы, запущенной на сервере, и заполняю предложения. Мне не нужно возвращать ссылки, я могу просто разделить возвращаемую строку на «in», чтобы получить «категорию», а затем создать ссылку как <a href="someinternalpage.aspx?cat=category">Category</a> (Этот код предназначен только для быстрой идеи). Но теперь возникает основная проблема, как мне заполнить предложения с помощью указанной выше ссылки?

Любая помощь будет приветствоваться.

Answer 1

Основываясь на демонстрационной странице для автозаполнения, кажется, что рекомендации являются целевыми.

Значение, я бы зарегистрировал функцию щелчка на них, чтобы получить их содержимое, а затем использовать jQuery для перенаправления окна с использованием правильного пути URL для поиска (что-то вроде http://domain.com/search=+content) или использовать javascript для отправки формы ,

В Javascript представить довольно подробный здесь http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml

Без кода, то есть, как я бы решить эту проблему.

Answer 2

Я бы подключиться к select случае, автозаполнение обнажает и установите window.location в соответствующий URL:

select: function (event, ui) { 
    var category = $.trim(ui.item.value.split("in")[1]) 
     , url = "someinternalpage.aspx?cat=" + category; 

    event.preventDefault(); 
    window.location.href = url; 
}