di bawah ini adalah Kode Saya
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
Dan kode Html saya adalah
<div class="ui-widget">
<input name="searcharea" class="selectarea" id="searcharea" type="text" value="" placeholder="Area">
</div>
Dan Fungsi saya adalah
<script>
$(function(){
$( "#searcharea" ).autocomplete({
source: "suggestions.php"
});
$( "#searchcat" ).autocomplete({
source: "suggestions1.php"
});
});
</script>
Saya telah memasukkan halaman ini ke dalam file terpisah dengan kode pencarian situs web saya dan saya telah menyematkannya di berbagai halaman, Pada halaman indeks saya, ini menyarankan saya nilai dari file sumber, tetapi pada halaman lain itu memberi saya typerror pada baris
$( "#searcharea" ).autocomplete({
Tautan situs web saya adalah: http://www.jodhpuryp.in/
Ini adalah sumber kotak autosugesti saya http://api.jqueryui.com/autocomplete/
Adakah yang bisa memberi tahu saya, mengapa saya mendapatkan kesalahan ini di halaman lain dari situs web saya sementara itu berfungsi pada halaman indeks.
Kedengarannya seperti pelengkapan otomatis dipanggil sebelum pustaka yang mendefinisikannya benar-benar dimuat - jika itu masuk akal?
Jika skrip Anda sebaris, bukan direferensikan, pindahkan ke bagian bawah halaman. Atau (pilihan yang saya sukai) tempatkan skrip dalam berkas .js eksternal dan kemudian rujuk:
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="yourNewJSFile"></script>
Sunting: jika Anda mengeksternalisasi skrip Anda, pastikan skrip tersebut direferensikan SETELAH pustaka JQuery yang diandalkannya :)