/ / Bootstrap 3とTypeahead.jsの問題 - javascript、php、jquery、twitter-bootstrap、typeahead.js

ブートストラップ3とTypeahead.jsの問題 - javascript、php、jquery、twitter-bootstrap、typeahead.js

ブートストラップ3とgithubのtypeahead.jsに問題がある https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#datasets

私は自分のデータをajaxから取得して、ユーザーが自分の入力フィールドに入力したときにユーザーに提案するように見せています。

私のコンソールは私に "Uncaught TypeError:未定義のプロパティ" replace "を読むことができない"というメッセージを出し続けます。

どんな助け?

 <html>
<head>

<!-- Bootstrap framework -->
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css" />

</head>

<body>

<div class="well">
<input type="text" class="span3 typeahead form-control" id="players" data-provide="typeahead">
</div>



<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- main bootstrap js -->
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- bootstrap plugins -->
<script src="../js/bootstrap.plugins.min.js"></script>
<!-- typeahead-->
<script src="../lib/typeahead/typeahead.min.js"></script>

<script type="text/javascript">

$(function(){

$("#players").typeahead({


name: "players",
remote: function(query, cb){

$.ajax({

url: "ajax/search.php",
type: "POST",
data: "query="+query,
dataType: "JSON",
async: true,
success: function(data){

cb(data);
}

})
}

})

});

</script>

Ajaxデータファイル(PHP):

 <?

if(isset($_POST["query"])){

include "connect.php";

$query = $_POST["query"];

$sql = mysql_query("SELECT * FROM players WHERE name LIKE "%{$query}%"");

$array = array();

while($row = mysql_fetch_assoc($sql)){

$array[] = $row["name"];

}

echo json_encode($array);

}



?>

回答:

回答№1は0

これが問題であるとは100%確信できませんが、おそらく変更してみてください

data: "query="+query,

data: {"query" : query},

私はこの問題を抱えていた、それは私の問題を修正しました