JQuery Ui Laravel is not a function

Question

I have laravel layout

<html> //layout.blade.php
    <head>
        <script src="/js/jquery.js"></script>
        <script src="/js/jquery-ui.js"></script>
    </head>
    <body>
         @yield("content")
    </body>
</html>

And my view

@extends("layout")

@section("content")
<ul class="test">
    <li>1</li>
    <li>2</li>
</ul>

<script>
     $(function() {
         $(".test").selectable();
     });
</script>
@endsection

My browser console always show me $(...).selectable is not a function

But if i make same without layout or without anonymous function this works

can you see the scripts in the browser?

vadim savin
– vadim savin

2018-07-07 19:25:03 +00:00
Commented Jul 7, 2018 at 19:25 — vadim savin
– vadim savin, Commented Jul 7, 2018 at 19:25
Do you have the js folder directly in the public folder?

vadim savin
– vadim savin

2018-07-07 19:26:12 +00:00
Commented Jul 7, 2018 at 19:26 — vadim savin
– vadim savin, Commented Jul 7, 2018 at 19:26
Yes i can in head tag, jquery work normal

J. Kosiński
– J. Kosiński

2018-07-07 19:26:33 +00:00
Commented Jul 7, 2018 at 19:26 — J. Kosiński
– J. Kosiński, Commented Jul 7, 2018 at 19:26

Shildra · Accepted Answer · 2018-07-07 20:32:51Z

2

I think location is changed, because of route. So you'd better to specify the correct url of "public" folder.

Please change like this.

<html> //layout.blade.php
    <head>
        <script src="{{URL::Asset('/js/jquery.js')}}"></script>
        <script src="{{URL::Asset('/js/jquery-ui.js')}}"></script>
    </head>
    <body>
         @yield("content")
    </body>
</html>

answered Jul 7, 2018 at 20:32

Shildra

1471 silver badge12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Naveed Khan · Accepted Answer · 2018-07-07 20:41:38Z

0

As mentioned in the above question this kind of problem usually arises when you try to pass an argument or route variable. So it would be wise to use asset() or secure_asset() while using your resources in the page.

<html> //layout.blade.php
    <head>
        <script src="{{ asset('js/jquery.js') }}"></script>
        <script src="{{ asset('js/jquery-ui.js') }}"></script>
    </head>
    <body>
         @yield("content")
    </body>
</html>

Also please check the network section of your browser to make sure your resources are loading perfectly.

answered Jul 7, 2018 at 20:41

Naveed Khan

812 silver badges15 bronze badges

Collectives™ on Stack Overflow

JQuery Ui Laravel is not a function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related