JS文件不工作laravel

所以基本上我有這個代碼，我點擊圖像，它獲取HTML文件，並應顯示在同一頁面上。它顯示它，但在另一個頁面上，我的猜測是它實際上並沒有加載js文件。任何人都可以幫忙JS文件不工作laravel

查看：

@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");

它甚至不顯示警報所以這就是爲什麼我認爲這是不加載它。

來源

2016-10-12 Przemek Wojtas

您的js文件是否顯示在鍍鉻工具的網絡選項卡中？ – Hammerbot

<script>標籤不在@section部分。

嘗試改變它像這樣：

@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

如果它不工作，檢查JS文件真的包含在你的瀏覽器。（打開Chrome開發工具並檢查DOM）

來源

2016-10-12 16:46:27 SimonDepelchin

似乎它的工作，但我越來越：template.js：5未捕獲TypeError：$（...）。load（...）。失敗不是一個函數 –

似乎它是一個jQuery錯誤。我認爲你可以在'load（）'之後使用'fail（）'方法。 [$ .load Doc]（http://api.jquery.com/load/） – SimonDepelchin

但是，如果我刪除失敗（）它根本不起作用，至少它顯示頁面，但不幸在另一個頁面上我想要它在同一個 –

JS文件不工作laravel

回答

相關問題