PHP笔记-laravel中使用jquery及jquery.niceScroll.js

首先用npm安装好jquery和jquery.niceScroll

npm install jquery
npm install jquery.nicescroll

安装好后在node_modules中可以看到：

在webpack.mix.js中添加：

如下：

mix.copy('node_modules/jquery/dist/jquery.js', 'public/vendor/jquery/jquery.js');
mix.copy('node_modules/jquery.nicescroll/dist/jquery.nicescroll.js', 'public/vendor/jquery/jquery.niceScroll.js');

在对应的xx.blame.html文件中进行script

    <script src="{{ asset('vendor/jquery/jquery.js') }}"></script><script src="{{ asset('vendor/jquery/jquery.niceScroll.js') }}"></script>

这样就可以获取到了。chrome浏览器测如下；

PHP笔记-laravel中使用jquery及jquery.niceScroll.js相关推荐

PHP笔记-laravel中Blade模板引擎的使用
①Blade是Laravel提供的一个简单强大的模板引擎. ②和其他流行的PHP模板引擎不一样,Blade并不现在你在视图view中使用原生PHP代码. ③所有Blade视图页面都将被编译成原生PHP ...
1+X web中级 Laravel学习笔记——Laravel中的路由
基于jquery的插件turn.js学习笔记
基于jquery的插件turn.js学习笔记简介 turn.js是一个可以实现3d书籍展示效果的jq插件,使用html5和css3来执行效果.可以很好的适应于ios和安卓等触摸设备. How it ...
【JQuery】JQuery学习笔记
(function(){}) 与 $(function(){})的区别 1.(function(){})函数 (function(){})表示一个匿名函数.function(arg){...}定义了一 ...
网站建设中前端常用的jQuery+easing缓动的动画
网站建设中前端人员利用jQuery实现动画再简单不过了,只是要实现更酷的效果还需要插件来帮忙,easing就是一款帮助jQuery实现缓动动画的插件,经过试用,效果很不错! 下载该插件:jquery. ...
js中window.onload 与 jquery中$(document.ready()) 测试
js中window.onload 与 jquery中$(document.ready())区别,验证代码如下(调换js代码和Jquer代码书写顺序测试,运行结果一样,因此与代码书写位置没关系): &l ...
idea html ajax,在 IntelliJ IDEA 8.1中编写一个ajax jquery实例，取不到页面上的值
在 IntelliJ IDEA 8.1中编写一个ajax jquery实例,取不到页面上的值0 brnm12942014.08.17浏览115次分享举报 public class AjaxServle ...
js中innerHTML和innerText jQuery中html()和text()的区别
js中innerHTML和innerText的区别 innerHTML innerHTML 会将标签和标签中的内容否获取回来 innerHTML .innerHTML = '<p>&l ...
jquery源码中noConflict(防止$和jQuery的命名冲突)的实现原理
jquery源码中noConflict(防止$和jQuery的命名冲突)的实现原理最近在看jquery源码分析的视频教学,希望将视频中学到的知识用博客记录下来,更希望对有同样对jquery源码有困惑 ...

PHP笔记-laravel中使用jquery及jquery.niceScroll.js

PHP笔记-laravel中使用jquery及jquery.niceScroll.js相关推荐

最新文章

热门文章