Jquery ui autocomplete not working on input text -


jquery autocomplete in not working input text box

following javascript code

 <script type="text/javascript" src="js/jquery.js"></script>  <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>  <script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>  <script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>  <script type="text/javascript" src="js/serversidevalidation.js"></script>  <script type="text/javascript" src="js/clientsidevalidation.js"></script>  <script type="text/javascript" src="js/jquery.ui.autocomplete.min.js"></script>   <script type="text/javascript">   $(document).ready( function() {     $('#slideshow').cycle({         fx : 'fade',         speed : 'slow',         timeout : 5000,         pager : '#slider_nav',         pageranchorbuilder : function(idx, slide) {             // return sel string existing anchor             return '#slider_nav li:eq(' + (idx) + ') a';         }     });      addsearchhelp(); });  function addsearchhelp() {     var availabletags = [ "actionscript", "applescript", "asp", "basic",             "c", "c++", "clojure", "cobol", "coldfusion", "erlang",             "fortran", "groovy", "haskell", "java", "javascript", "lisp",             "perl", "php", "python", "ruby", "scala", "scheme" ];     $("input#searchbox")[0].autocomplete({source:availabletags, minlength: 2}); } 

and folllowing input text box

<input name="searchbox" id="searchbox" type="text" class="input-header"  style="background-image:url(images/search-bg.png); background-repeat:repeat-x;  background-position:center; height:31px; width:423px" size="65" maxlength="60"   onblur="this.value=trim(this.value)" onkeypress="return checkenter(event,'product')"    /> 

please suggest answer problem

try way,

script

    $(document).ready(function() {         $('#slideshow').cycle({             fx : 'fade',             speed : 'slow',             timeout : 5000,             pager : '#slider_nav',             pageranchorbuilder : function(idx, slide) {                 // return sel string existing anchor                 return '#slider_nav li:eq(' + (idx) + ') a';             }         });          $('#searchbox').on('keyup', function(event){             addsearchhelp();         });      });      function addsearchhelp() {         var availabletags = [ "actionscript", "applescript", "asp", "basic",                 "c", "c++", "clojure", "cobol", "coldfusion", "erlang",                 "fortran", "groovy", "haskell", "java", "javascript", "lisp",                 "perl", "php", "python", "ruby", "scala", "scheme" ];         $("input#searchbox").autocomplete({source:availabletags, minlength: 2});     } 

html

<input name="searchbox" id="searchbox" type="text" class="input-header" size="65" maxlength="60" onblur="this.value=trim(this.value)" onkeypress="return checkenter(event,'product')" /> 

hope you.


Comments