pjax中一些js插件不生效的解决办法

个人博客原文地址https://xgs888.top/post/view?id=71

在项目中用到pjax，有一些其他js插件是在子页面中，pjax只是局部的加载，导致js生效项目框架用的laravel

下面是解决办法；把js插件放到pjax的容器里面简单粗暴

@if(request()->pjax() ==1)
    
    
    
    
@endif
    
    @yield('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();
});