twitter typeahead가 작동하지 않습니다.

Question

twitter의 typeahead autocomplete 플러그인을 데이터베이스에서 오는 데이터와 함께 사용하려하지만 작동하지 않습니다. 입력 할 때 아무 것도 나타나지 않습니다. 누군가 나를 도울 수 있습니까? 나는 PHP 페이지를 실행하면

나는

["COOL","autocomplete","doesn't work"] 

모든 행을 얻을 수 있지만, 자동 완성 기능이 작동하지 않습니다. 내가 typeahead.js 0.9.3

에게 HTML

<input class="typeahead" type="text" data-provide="typeahead"> 

<script type="text/javascript" language="javascript" charset="utf-8" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript" language="javascript" charset="utf-8" src="js/typeahead.min.js"></script> 
<script> 
    $(document).ready(function() { 
    $('input.typeahead').typeahead({ 
     source: function (query, process) { 
      $.ajax({ 
       url: 'data.php', 
       type: 'POST', 
       dataType: 'JSON', 
       data: 'query=' + query, 
       success: function(data) { 
        console.log(data); 
        process(data); 
       } 
      }); 
     } 
    }); 
}); 
    </script> 

data.php

include_once("config.php");//database 
// check connection 
if ($mydb->connect_errno){ 
    printf("Connect failed: %s\n", $mydb->connect_error); 
    exit(); 
} 

$query = 'SELECT title FROM autocomplete'; 

if(isset($_POST['query'])){ 
    // Add validation and sanitization on $_POST['query'] here 

    // Now set the WHERE clause with LIKE query 
    $query .= ' WHERE title LIKE "%'.$_POST['query'].'%"'; 
} 

$return = array(); 

if($result = $mydb->query($query)){ 
    // fetch object array 
    while($obj = $result->fetch_object()) { 
     $return[] = $obj->title; 
    } 
    // free result set 
    $result->close(); 
} 

// close connection 
$mydb->close(); 

$json = json_encode($return); 
print_r($json); 

Answer 1

를 사용하고 그것은 내가 bootstrap.js 파일을 포함하는 것을 잊었다 밝혀 , 일단 내가 한 것처럼 그것은 매력처럼 일했다.