JS file not working in laravel

Question

So basically I have this code where I click on the image, it gets html file and should display it on the same page. It does display it but on another page, my guess is that it's not actually loading js file for some reason. Anyone can help?

View:

@extends('layouts.master')

@section('title', 'Best programmer ever')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="{{asset('/js/template.js')}}" rel="javascript" type="text/javascript"></script>
@section('content')
@endsection
        @section('template')
        <!--     @foreach ($templates as $template)
           {{$template->image}}
            {{$template->file}}
        @endforeach
        -->
        <div class= "template_class">
          <a class="content-link" href="templates/template1.html"> 
        <img id = "image" src="{{ asset($template->image )}}"/>
  </a>
</div>
        @show

JavaScript:

$(function(){
   $('.content-link').click(function(e){
       e.preventDefault();
       $('.content').load(this.href)
                    .fail(function()( alert('Oops...something went wrong')));

   });
});
alert("hello");

It doesn't even show alert so that's why I think it is not loading it.

Does your js file shows up in the network tab of chrome tools? — Hammerbot
– Hammerbot, Commented Oct 12, 2016 at 16:32

SimonDepelchin · Accepted Answer · 2016-10-12 16:46:27Z

1

The <script> tags are out of the @section sections.

Try changing it like this:

@section('content')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="{{asset('/js/template.js')}}" rel="javascript" type="text/javascript"></script>
@endsection

If it doesn't work, check if the JS files are really included in your browser. (Open the Chrome Dev Tools and check the DOM)

answered Oct 12, 2016 at 16:46

SimonDepelchin

2,09023 silver badges18 bronze badges

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

3 Comments

Przemek Wojtas Over a year ago

seems like it's working however I am getting: template.js:5 Uncaught TypeError: $(...).load(...).fail is not a function

SimonDepelchin Over a year ago

Seems like it's a jQuery error. I don't think that you can use the fail() method after load(). $.load Doc

Przemek Wojtas Over a year ago

however if I remove fail() it doesn't work at all, with it at least it displays the page but unfortunately on another page and I want it on the same one

Collectives™ on Stack Overflow

JS file not working in laravel

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related