autocomplete is not a function Error

Question

below is my My Code   lt link rel  stylesheet  href  http   code jquery com ui 1 10 3 themes smoothness jquery-ui css    gt   lt script src  http   code jquery com jquery-1 9 1 js  gt  lt  script gt   lt script src  http   code jquery com ui 1 10 3 jquery-ui js  gt  lt  script gt    And my Html code is   lt div class  ui-widget  gt   lt input name  searcharea  class  selectarea  id  searcharea  type  text  value    placeholder  Area  gt   lt  div gt    And my Function is   lt script gt    function             searcharea    autocomplete           source   suggestions php                   searchcat    autocomplete           source   suggestions1 php               lt  script gt    I have included this page into a seperate file with search code of my website and I have embeded it on various pages  On my index page  it is suggesting me values from source files  but on other pages it is giving me typerror on line       searcharea    autocomplete     My website link is  http   www jodhpuryp in   This is source of my autosuggestion box http   api jqueryui com autocomplete   Can anybody tell me  why I am getting this error on other pages of my website while its working on index page Any help is appreciated Thanks

User · Answer

Note that if you re not using the full jquery UI library  this can be triggered if you re missing Widget  Menu  Position  or Core   There might be different dependencies depending on your version of jQuery UI

User · Answer

when you see this problem always put your autocomplete function in keyup function and ensure you have added the libraries        searcharea    keyup function            searcharea    autocomplete         source   suggestions php

User · Answer

Possibly multiple jquery js file are added in   and the conflict appeared

User · Answer

Found the problem  I was including another jquery file for my google translator  they were conflicting with each other and resulting in not loading the autocomplete function

User · Answer

You are calling the function before the page loads jQuery  It is always advisable to use jQuery inside   document  ready function      Your code here      In your case    document  ready function         function              quot  searcharea quot    autocomplete            source   quot suggestions php quot                      quot  searchcat quot    autocomplete            source   quot suggestions1 php quot

User · Answer

If your page has a section for Scripts such as the following  then ensure you refer to your Jquery library from inside this section    section Scripts         lt script src    Scripts jquery-ui js  type  text javascript  gt  lt  script gt

User · Answer

Check the Sources-  Scripts in browser Inspect tool  Sometimes multiple jQuery files can be referring  In ASP NET MVC  this usually happens when the layout page already has a jQuery reference

User · Answer

Sounds like autocomplete is being called before the library that defines it is actually loaded - if that makes sense   If your script is inline  rather than referenced  move it to the bottom of the page  Or  my preferred option  place the script in an external  js file and then reference it    lt script src  http   code jquery com jquery-1 9 1 js  gt  lt  script gt   lt script src  http   code jquery com ui 1 10 3 jquery-ui js  gt  lt  script gt   lt script src  yourNewJSFile  gt  lt  script gt    Edit  if you externalise your script  ensure it is referenced AFTER any JQuery libraries it relies on

User · Answer

I faced the same problem and try to solve  but unfortunately it wouldn t work anymore   If you are facing the same problem and can t find the solution  it may help you   If you configure jquery jquery-ui globally in webpack  you need to import autocomplete like this   import   autocomplete   from  webpack-jquery-ui     And you must include jquery-ui css in the head section of html  i don t understand why its not working without it    lt link rel  stylesheet  href    code jquery com ui 1 12 1 themes base jquery-ui css  gt    Hope your problem will be solved   And make sure you include install the following three   jquery-ui-css jquery-ui jquery

User · Answer

x000D   x000D   lt head gt  x000D   lt script src  http   code jquery com jquery-1 9 1 js  gt  lt  script gt  x000D   lt script src  http   code jquery com ui 1 10 3 jquery-ui js  gt  lt  script gt  x000D   lt script src  http   ajax googleapis com ajax libs angularjs 1 4 8 angular min js  gt  lt  script gt  x000D   lt  head gt  x000D   x000D   x000D

User · Answer

My issue ended up being visual studio catching an unhandled exception and preventing the script from running any further  Because I was running in the IDE  it looked like there was an issue when there wasn t  Autocomplete was working just fine  I added a try catch block and that made the IDE happy       ajax               url    MyController MyAction               type   POST               dataType   json               data    prefix  request term                success  function  data                    try                       response   map data  function  item                            return   label  item Name  value  item Name                                              catch  err

User · Answer

Loading jQuery library before Angularjs library helped me    x000D   x000D   lt head gt  x000D   lt script src  http   code jquery com jquery-1 9 1 js  gt  lt  script gt  x000D   lt script src  http   code jquery com ui 1 10 3 jquery-ui js  gt  lt  script gt  x000D   lt script src  http   ajax googleapis com ajax libs angularjs 1 4 8 angular min js  gt  lt  script gt  x000D   lt  head gt  x000D   x000D   x000D

User · Answer

For my case  my another team member included another version of jquery js when he add in bootstrap min js  After remove the extra jquery js  the problem is solved

User · Answer

This is embarrassing but it held me up for a while so I figured I would post it here  I did not have jQuery UI installed  only classic jQuery  which does not include autocomplete  apparently    Adding the following tags enabled autocomplete via jQuery UI   lt link rel  quot stylesheet quot  href  quot https   ajax googleapis com ajax libs jqueryui 1 12 1 themes smoothness jquery-ui css quot  gt   and  lt script src  quot https   ajax googleapis com ajax libs jqueryui 1 12 1 jquery-ui min js quot  gt  lt  script gt   Of note  the HTML value autocomplete  quot off quot  for either the form or form block will prevent the brower from performing the method  autocomplete    but will not block the jQuery UI function

User · Answer

I ve got this error working in ASP net  When I run the application from visual studio it worked all fine  but when I published the project and tested it   I ve got that error  Autocomplete is not a function  in chrom Inspect debugger  I found out that the deferences between two environments were caused by a definition in web config  in compilation tag  if assign debug  false  then all bundel definitions are executed and compilation is done as a release  if debug   true  then compilation is for a debug stage that not include bundeling and minifyning js library  Therefore the deferences between environments    lt system web gt       lt compilation debug  false  targetFramework  4 5 1   gt       lt httpRuntime targetFramework  4 5 1   gt   lt  system web gt    In addition  examining those two environments I saw that for debug environment everywhere   Layout cshtml   Scripts Render    bundles jquery   was in the code  where  under APP Start  BundleConfig cs   bundles Add new ScriptBundle    bundles jquery   Include                             Static js lib jquery- version  js                              Static js lib jquery-ui js      it rended as    lt script src   Static js lib jquery-1 12 4 js  gt  lt  script gt   lt script src   Static js lib jquery-ui js  gt  lt  script gt    and the other environment  debug   false    lt script src   bundles jquery v YOLEkbKJYtNeDq0o56xjzXWKoYzrF5Vkqgyc9Cb0YgI1  gt  lt  script gt    In debug mode it works and the other one got the problem   Aspecting the js lib I saw two files of jquery-ui   jquery-ui js    jquery-ui min js  it turns out that both of them come as default from the template of new mvc project  When jquery-ui min js was deleted from the library the problem resolved   I belive that even though jquery-ui js was defined in BundleConfig cs  actually  jquery-ui min js was taken   By the way  jquery-ui min js didn t include autocomple function apposed to jquery-ui js that included it   cheers

[jquery] .autocomplete is not a function Error

Examples related to jquery

Examples related to html

Examples related to autocomplete

Examples related to autosuggest