Question

所以基本上我有这个代码，我点击图像，它获取html文件，并应显示在同一页面上。它确实显示了它，但在另一个页面上，我的猜测是它实际上并没有因某种原因加载js文件。有人可以帮忙吗？

查看：

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

它甚至没有显示警报，因此我认为它没有加载它。

Answer 1

<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）

JS文件在laravel中不起作用

1 个答案: