2014-08-30 2 views
0

Я пытаюсь использовать автозаполнение JQuery для поиска на моем сайте.JQuery Autocomplete SELECT event не срабатывает

Проблема, с которой я столкнулся, - данные отображаются правильно. Но когда я пытаюсь выбрать любой элемент. Ничего не произошло. Выберите Событие не срабатывает.

Мой код aspx приведен ниже: Пожалуйста, помогите мне, если с этим кодом что-то не так.

Насколько я понимаю, если я выберу любой элемент из результата автозаполнения, то должно появиться сообщение «Выбранное».

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("input#autocomplete").autocomplete("Search.ashx", 
      { 
       delay: 0, 
       max: 30, 
       min: 10, 
       width: 300, 
       formatItem: function (data, i, n, value) { 
        var temp = value.split(",")[3]; 
        temp = temp.replace(" ", "-"); 
        var result = "<table><tr><td> <a href='" + value.split(",")[2] + "'><img style = 'width:40px;height:50px' src= images/mobiles/" + value.split(",")[1] + " /> " + "</a></td><td style='Vertical-Align:Top'> <a href='" + value.split(",")[2] + "'>" + value.split(",")[0] + "</a></td></tr></table>"; 
        return result; 
       }, 
       select: function (e, ui) { 
        alert("selected!"); 
       } 
      }); 
     }); 

ответ

0
<script type="text/javascript"> 
    $(document).ready(function() { 
     $("input#autocomplete").autocomplete("Search.ashx", 
      { 
       delay: 0, 
       max: 30, 
       min: 10, 
       width: 300, 
       source: function (data, i, n, value) { 
        var temp = value.split(",")[3]; 
        temp = temp.replace(" ", "-"); 
        var result = "<table><tr><td> <a href='" + value.split(",")[2] + "'><img style = 'width:40px;height:50px' src= images/mobiles/" + value.split(",")[1] + " /> " + "</a></td><td style='Vertical-Align:Top'> <a href='" + value.split(",")[2] + "'>" + value.split(",")[0] + "</a></td></tr></table>"; 
        return result; 
       }, 
       select: function (e, ui) { 
        alert("selected!"); 
       } 
      }); 
     }); 
</script> 
Смежные вопросы