【发布时间】：2016-07-06 07:12:52
【问题描述】：
我使用 laravel 和刀片作为模板。我有一个问题，我有一个名为 (base.blade.php) 的基本模板，其中包含所有 js 文件（也包括 jQuery）。
当我是子模板（myadpack.blade.php 从 base.blade.php 扩展）时，问题就来了。我想在子级中使用 jQuery，但这似乎是不可能的，我可以进行正常的 js 调用，但不能使用 jQuery（包含在父级中）。我将这些文件粘贴在这里：
base.blade.php
<!DOCTYPE HTML>
<html>
<head>
<title>Tonhits</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}" />
<link rel="stylesheet" href="{{ asset('css/bootstrap-theme.css') }}" />
<link rel="stylesheet" href="{{ asset('css/main.css') }}" />
<link rel="stylesheet" href="{{ asset('css/table.css') }}" />
<link rel="stylesheet" href="{{ asset('css/tablesaw.css') }}" />
<link rel="stylesheet" href="{{ asset('http://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css') }}" />
@section('css')
@show
</head>
<body class="no-sidebar">
<div id="page-wrapper">
<!-- Header Wrapper -->
<div id="header-wrapper">
<!-- Header -->
<div id="header" class="container">
<!-- Logo -->
<h1><a id="logo">Tonhits</a></h1>
<!-- Nav -->
@include('nav/nav_anon')
</div>
</div>
<!-- Main Wrapper -->
<div id="main-wrapper">
<!-- Main -->
<div id="page" class="container">
<!-- Main Heading -->
<div class="title-heading">
<h2>@yield('titleBig')</h2>
<p> @yield('titleSmall')</p>
</div>
<!-- Main Content -->
<div id="main">
<div class="row">
<div id="content" class="12u">
<!-- <header>
<h2>Nunc fringilla dis natoque amet gravida turpis</h2>
</header> -->
@section('content')
@show
</div>
</div>
</div>
<!-- Main Content -->
</div>
<!-- Main -->
</div>
<!-- Copyright -->
<div id="copyright">
Tonhits. All rights reserved
</div>
</div>
<!-- Scripts -->
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/jquery.dropotron.min.js') }}"></script>
<script src="{{ asset('js/skel.min.js') }}"></script>
<script src="{{ asset('js/util.js') }}"></script>
<script src="{{ asset('js/main.js') }}"></script>
<script src="{{ asset('js/tablesaw.js') }}"></script>
<script src="{{ asset('http://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js') }}"></script>
@yield('js')
</body>
</html>
myadpack.blade.php
@extends('base')
@section('titleBig', 'Me')
@section('titleSmall', 'My adpack overwiev')
</script>
@section('js')
<script type="text/javascript" >
$(document).on('ready', function(){
alert("a");
});
</script>
@endsection
@section('content')
Here you can see your purchased adpacks, so you can have a detailed tracing.
<table id="adpacks">
<tr>
<th>Test</th>
<th>Test</th>
</tr>
<tr>
<td>Data</td>
<td>Data 2</td>
</tr>
</table>
@endsection
在父级中，我尝试了 yield、section 和任何内容。
可能是什么？
感谢您阅读我。
【问题讨论】：
-
你有
</script>没有在myadpack.blade.php中启动<script>。另外，您在浏览器控制台中看到什么错误？另外，当您使用浏览器的view source功能时，您是否看到$(document).on('ready'部分？ -
嘿，对不起，我复制了错误的代码。