pjax中一些js插件不生效的解决办法
来源:互联网 发布:淘宝售前客服工作流程 编辑:程序博客网 时间:2024/06/05 20:50
个人博客原文地址https://xgs888.top/post/view?id=71
在项目中用到pjax,有一些其他js插件是在子页面中,pjax只是局部的加载,导致js生效项目框架用的laravel
下面是解决办法;把js插件放到pjax的容器里面简单粗暴
<section class="content" id="pjax-container">@if(request()->pjax() ==1) <!-- jQuery 3 --> <script src="{{asset('/bower_components/jquery/dist/jquery.min.js')}}"></script> <script type="text/javascript" src="{{asset('/static/plugins/bootstrap-iconpicker/bootstrap-iconpicker/js/iconset/iconset-fontawesome-4.3.0.min.js')}}"></script> <script type="text/javascript" src="{{asset('/static/plugins/bootstrap-iconpicker/bootstrap-iconpicker/js/bootstrap-iconpicker.js')}}"></script>@endif <!-- Your Page Content Here --> @yield('content')</section><!-- /.content -->
$.pjax.defaults.timeout = 5000;$.pjax.defaults.maxCacheLength = 0;$(document).pjax('a', '#pjax-container', { fragment: 'body' });
然后在定义一个pjax加载完成的
$(document).on('pjax:complete', function() { //icheck插件 $('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({ checkboxClass: 'icheckbox_minimal-blue', radioClass: 'iradio_minimal-blue', // increaseArea: '20%' // optional }); //图标插件加载 $('#target').iconpicker();});
阅读全文
0 0
- pjax中一些js插件不生效的解决办法
- git中配置的.gitignore不生效的解决办法
- 关于ListView中点击条目不生效的解决办法
- 关于pjax的一些坑
- ListView的setOnItemClickListener不生效的解决办法
- host 配置不生效的解决办法
- host 配置不生效的解决办法
- hosts文件配置不生效的解决办法
- JSp文件修改不生效的解决办法
- websphere7下log4j不生效的解决办法
- .gitignore规则不生效的解决办法
- 修改.gitignore不生效的解决办法
- Xposed模块不生效的解决办法
- .gitignore规则不生效的解决办法
- .gitignore规则不生效的解决办法
- maven profile不生效解决办法,加上下面插件
- iptables不生效解决办法
- .bash_profile不生效解决办法
- 使用Nginx实现反向代理
- Nvidia_GPU驱动安装
- spi数据传输队列简述
- hibernate 创建 MySQL 数据库的 collation 字符序问题
- java将一个List赋值给另一个List相关问题
- pjax中一些js插件不生效的解决办法
- SEO优化针对问题进行分析
- linux配置环境变量PATH
- 查看PostgreSQL数据库中的锁等待--脚本
- 无缝轮播
- 修正由于系统字体变化导致的app界面变形
- Html动态添加css js文件
- 字节、字、bit、byte的关系
- React学习笔记之安装篇