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');它会给出错误。