CODEWITHSUNDEEP
laravel
Przemek Wojtas
Przemek Wojtas

Reputation: 1381

JS file not working in laravel

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.

Upvotes: 2

Views: 4957

Answers (1)

SimonDepelchin
SimonDepelchin

Reputation: 2080

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)

Upvotes: 1

Related Questions