【问题标题】:How to use/integrate jquery in laravel如何在 laravel 中使用/集成 jquery
【发布时间】:2018-05-15 17:18:38
【问题描述】:

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

【问题讨论】:

  • 你用的是什么版本的 laravel?它将在composer.json 文件中
  • laravel 5.6 先生
  • 有几种方法。想知道进阶的吗?
  • 没关系,先生。我想知道

标签: jquery laravel


【解决方案1】:

我将分享两种方法

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();
    });
    

刷新页面。你现在看不到 laravel 下面的链接。这意味着 jquery 已启动并正在工作

【讨论】:

  • @rookie 如果您是新手,请使用第一个解决方案。这很容易
  • 没问题。让我编辑你的问题。以便其他人可以轻松找到问题及其解决方案
猜你喜欢
  • 2020-06-12
  • 2014-09-11
  • 2020-07-27
  • 2016-05-12
  • 2020-11-02
  • 2017-09-17
  • 2018-01-05
  • 1970-01-01
  • 2016-01-02
相关资源
最近更新 更多