如何在laravel中使用/集成jquery

时间:2018-05-15 04:56:05

标签: jquery laravel

知道怎么处理吗?我的意思是我需要在项目中安装或管理一些文件吗?我不知道如何管理?对不起,我是laravel的新人

1 个答案:

答案 0 :(得分:0)

我将分享两种方式

a)在您的视图中,在html head

中添加此行

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>并开始在script代码

中编写您的jquery代码

b)我通常更喜欢的另一种方式是:

在Laravel 5.6中,如果您查看package.json文件jquery已经作为npm依赖项存在,那么

  1. 创建新的laravel项目laravel new my-project
  2. cd到my-project并运行命令npm install。这将安装package.json中包含的所有依赖项,包括jquery
  3. 现在将所有这些依赖项编译为public/js/app.js中的一个文件,将window.Jquery = require('jquery');行添加到resources/assets/js/app.js
  4. 运行命令npm run dev

  5. <script src="{{ asset('js/app.js') }}"></script>行添加到welcome.blade.php

  6. 运行服务器并查看输出,您将看到默认的laravel页面,其中包含Laravel标题下面的一些链接
  7. 现在将此代码添加到您的视图中。

    <script>
        $(document).ready(function(){
        $(".links").hide();
    });
    
  8. 刷新页面。你现在不会看到laravel下面的链接。这意味着jquery正在运行