Skip to content

Jquery UI issue in autocomplete #170

@im-noob

Description

@im-noob

i got this error


localhost/:1 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2
localhost/:1 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2
localhost/:1 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2
localhost/:1 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2
localhost/:1 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2
localhost/:1 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2
localhost/:1 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2
all.js:5 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2
all.js:5 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2
all.js:5 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2
all.js:5 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2
all.js:5 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/montserrat/v12/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2
all.js:5 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2
all.js:5 Slow network is detected. Fallback font will be used while loading: https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2
jquery-3.2.1.slim.min.js:2 jQuery.Deferred exception: $(...).autocomplete is not a function TypeError: $(...).autocomplete is not a function
at HTMLDocument. (http://localhost/new/laravel/OT/OT/OnlineTest/public/:454:23)
at j (https://code.jquery.com/jquery-3.2.1.slim.min.js:2:30203)
at k (https://code.jquery.com/jquery-3.2.1.slim.min.js:2:30517) undefined
r.Deferred.exceptionHook @ jquery-3.2.1.slim.min.js:2
k @ jquery-3.2.1.slim.min.js:2
jquery-3.2.1.slim.min.js:2 Uncaught TypeError: $(...).autocomplete is not a function
at HTMLDocument. ((index):454)
at j (jquery-3.2.1.slim.min.js:2)
at k (jquery-3.2.1.slim.min.js:2)
(anonymous) @ (index):454
j @ jquery-3.2.1.slim.min.js:2
k @ jquery-3.2.1.slim.min.js:2

When im tring to use auto complete


Search <script type="text/javascript"> $( function() { var availableTags = [ "ActionScript", "AppleScript", "Asp", "BASIC", "C", "C++", "Clojure", "COBOL", "ColdFusion", "Erlang", "Fortran", "Groovy", "Haskell", "Java", "JavaScript", "Lisp", "Perl", "PHP", "Python", "Ruby", "Scala", "Scheme" ]; $( "#search" ).autocomplete({ source: availableTags }); } ); </script>

Here is what i included


	<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet" type="text/css">
	<!-- custom css -->
	

	<!-- font aswome -->
	<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js" integrity="sha384-SlE991lGASHoBfWbelyBPLsUlwY1GwNDJo3jSJO04KZ33K2bwfV9YBauFfnzvynJ" crossorigin="anonymous"></script>
	<!-- bootstrap -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
	<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

	<!-- jequey ui -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions