Typehead js live search不在codeigniter中工作

Question

我有一個產品網站和一個搜索框來搜索codeigniter中的產品。

我的視圖文件：

<input type="text" class="form-control" name="typeahead" placeholder="Search Product." style="height:32px; margin: 25px 0px;" > 

和我的Java腳本：

$(document).ready(function(){ 
     //alert('hi'); 
    $('input.typeahead').typeahead({ 
     //alert('%QUERY'); 
     name: 'typeahead', 
     remote:'<?php echo base_url('user/search').'/'?>%QUERY', 
     limit : 10 
    }); 
}); 

我控制器功能：

function search() 
{ 
    $key=$this->uri->segment(3); 
    $array = array(); 

    $query = $this->general->search($key); 
    foreach($query->result() as $row) 
    { 
     $array[] = $row->pr_name; 
    } 
    echo json_encode($array); 
} 

當我使用硬編碼爲http:/localhost/products/user/search/dairymilk它的作品的鏈接..但當我輸入文本框時它不起作用？

Answer 1

第一次更改$('input.typeahead') to $('input[name="typeahead"]')沒有任何類像typeahead。

remote:"<?php echo base_url('user/search').'/'?>"+$(this).val(). 

即使有任何錯誤，在控制檯中檢查您的typeahead是否正在加載。你不能提醒alert('%QUERY');它會給出錯誤。