注入来自子项的 jquery 代码,并将 jquery 包含在父级 [Blade - Laravel] 中


Injecting jquery code from child and jquery include in parent [Blade - Laravel]

im 使用 laravel 和 blade 作为模板。我有一个问题,我有一个名为(base.blade.php)的基本模板,其中我包含所有js文件(jQuery也是)。

当im子模板(myadpack.blade.php从base.blade.php扩展时,问题就来了。我想在孩子中使用jQuery,但这似乎是不可能的,我可以做正常的js调用,但不能使用jQuery(包含在父级中)。我在这里粘贴这些文件:

基地刀片.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

在父母中,我尝试了产量,部分,什么都没有。

可能是什么?

谢谢你读我。

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="http://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css" /> 
    @yield('css')
  </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> -->
                @yield('content')
              </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="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') 
@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
@section('js')
  <script type="text/javascript">
    $(document).on('ready', function() {
      alert("a");
    });
  </script>
@endsection