Javascript 如何在全局中设置jquery cdn？_Javascript_Php_Jquery_Laravel_Laravel 5.3

Javascript 如何在全局中设置jquery cdn？

javascript php jquery laravel

Javascript 如何在全局中设置jquery cdn？,javascript,php,jquery,laravel,laravel-5.3,Javascript,Php,Jquery,Laravel,Laravel 5.3,我将jquery cdn放入 C:\xampp\htdocs\mysystem\resources\views\layouts\app.blade.php 像这样： <html> <head> ... @yield('css') </head> <body class="skin-blue sidebar-mini"> ... <script src="https://ajax.googleapis.com/a

我将jquery cdn放入

C:\xampp\htdocs\mysystem\resources\views\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>

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


...
@收益率（'css'）
...
...
@产量（'脚本'）

所以它可以在任何地方使用

但在执行此命令时：

C:\xampp\htdocs\mysystem\resources\views\users\index.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>

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

@extends（'layouts.app'））
@节（“内容”）
...
...
$（函数（）{
...
});
@端部

存在错误：

未捕获引用错误：$未定义

为什么会有错误？虽然我在app.blade中添加了jquery cdn，但问题是jquery尚未加载，因为内容是在jquery之前插入的。您应该将javascript移动到

脚本

部分

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

@extends（'layouts.app'））
@节（“内容”）
...
...
@端部
@节（“脚本”）
$（函数（）{
...
});
@端部

正如许多评论所指出的，在调用自己的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>


...
@收益率（'css'）
@产量（‘含量’）
...
@产量（'脚本'）

刀片模板

@extends('layouts.app')
@section('content')
    <section class="content-header">
        ...
    </section>
    <div class="content">
        ...
    </div>
@endsection

@section('javascript')
    <script type="text/javascript">
        $(function() {
           ...
        });
    </script>
@endsection

@extends（'layouts.app'））
@节（“内容”）
...
...
@端部
@节（“javascript”）
$（函数（）{
...
});
@端部

为什么我的问题被否决？简单的答案是。。。。必须先加载jQuery库，然后才能使用脚本访问它。脚本标记的顺序是important@charlietfl，您是指

吗？不，不。只是指在jQuery.js库中定义$
之前，您不能使用它。因此jQuery.js必须在任何依赖于it@freedomn-m现代最佳实践建议相反……将脚本标记放在正文底部，并按适当的依赖顺序排列