jquery 자동완성 검색 질문
본문
계속 타입에러가 나고 있습니다. 도와주세요 ㅜㅜ;;
Uncaught TypeError: $(...).autocomplete is not a function
at HTMLInputElement.<anonymous> (item.php?it_id=P00000MH:64)
at HTMLElement.dispatch (jquery-1.8.3.min.js:2)
at HTMLElement.u (jquery-1.8.3.min.js:2)
<?php
include_once('./_common.php');
$stx = $_GET['stx'];
$sql = "select
distinct(it_name)
from
g5_shop_item
where
it_name like '%".$stx."%'";
$result = sql_query($sql,true);
// value : 검색된 단어이며, input 값으로 넘어갑니다.
// label : 특정검색어를 입력시 자동완성 리스트로 표시됩니다. (다양하게 응용가능)
while($row=sql_fetch_array($result)) {
$arr[] = array(
"value" => $row['it_name'],
"label" => $row['it_name']
);
}
echo json_encode($arr);
?>
<script>
$(document).ready(function() {
// 오토컴플리트 (검색어 자동완성)
$("#hd").on("keyup", "#sch_str2", function(){
console.log("test");
var stx = $(this).val(); /* 입력한 검색어 */
$(this).autocomplete({
source:function(request, response) {
$.getJSON("/theme/cream/mobile/shop/_search_popular.php", {
/* _search_popular.php 파일로 넘길 변수값을 이곳에 작성하시면 됩니다. GET 으로 넘어갑니다. */
/* 콤마로 구분하시면 되요 ex) sfl:"wr_subject", stx:stx, ........ */
stx : stx
}, response);
},
minLength:2, /*최소 검색 글자수*/
delay: 150, /* 검색어 입력후 표시되는 시간 - 숫자가 클수록 느리게 출력 */
focus:function(event, ui) {
event.preventDefault();
/* 검색을 통하여 넘어온 값을 여기서 처리 */
console.log(ui.item.value); /* 콘솔 확인용이므로 삭제하거나 주석처리 하여도 됩니다. */
},
close:function(event, ui) {
}
})
});
// 오토컴플리트 종료
});
</script>