我如何在全球设置jQuery CDN

我将jQuery cdn放在

中

c： xampp htdocs mysystem resources views layouts layouts app.blade.php

这样：

<html>
<head>
    ...
    @yield('css')
</head>
<body class="skin-blue sidebar-mini">
    ...
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    ...
    @yield('scripts')
</body>
</html>

因此它可以从任何地方使用

但是执行此操作时：

c： xampp htdocs mysystem resources views udse users index.blade.php

这样的代码：

@extends('layouts.app')
@section('content')
    <section class="content-header">
        ...
    </section>
    <div class="content">
        ...
    </div>
    <script type="text/javascript">
        $(function() {
           ...
        });
    </script>
@endsection

存在错误：

未介绍的参考文献：$未定义

为什么存在错误？而我在app.blade

中添加了jQuery cdn

问题是尚未加载jQuery，因为内容是在jQuery之前插入的。您应该将JavaScript移至scripts部分。

@extends('layouts.app')
@section('content')
    <section class="content-header">
        ...
    </section>
    <div class="content">
        ...
    </div>
@endsection
@section('scripts')
    <script type="text/javascript">
        $(function() {
           ...
        });
    </script>
@endsection

正如许多注释所指出的那样，在调用自己的JavaScript之前，您没有加载jQuery。我将使用JavaScript部分，并在下面设置页面。

布局

<html>
<head>
    ...
    @yield('css')
</head>
<body class="skin-blue sidebar-mini">
    @yield('content')
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
    ...
    @yield('scripts')
</body>
</html>

刀片模板

@extends('layouts.app')
@section('content')
    <section class="content-header">
        ...
    </section>
    <div class="content">
        ...
    </div>
@endsection
@section('javascript')
    <script type="text/javascript">
        $(function() {
           ...
        });
    </script>
@endsection

相关内容

最新更新

热门标签：