关于require.js引入layer.js后 layer.css等样式文件无法引入解决

Posted 凉川

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于require.js引入layer.js后 layer.css等样式文件无法引入解决相关的知识,希望对你有一定的参考价值。

这里需要用到layer.js的layer.config方法  


 layer.config({
        path: ‘{GARCIA_JS}layer/‘ //layer.js所在的目录,可以是绝对目录,也可以是相对目录     
    });

详细代码如下

 
require([‘{GARCIA_JS}layer/layer.js‘],function(layer){
    layer.config({
        path: ‘{GARCIA_JS}layer/‘ //layer.js所在的目录,可以是绝对目录,也可以是相对目录     
    });
    $(document).on(‘click‘,‘#checkButton‘,function(){
        var code=$("input[name=‘checkCode‘]").val();
        if($("input[name=‘checkCode‘]").val()==‘‘){
            layer.msg(‘请输入核销码‘, {
                icon: 7,
                time: 2000 //2秒关闭(如果不配置,默认是3秒)
            });
            return false;
        }
        $.ajax({
            url:"{php echo $this->createWebUrl(‘yongjin‘,array(‘display‘=>‘search_order‘))}",
            type:‘post‘,
            dataType:‘json‘,
            data:{
                checkCode:$("input[name=‘checkCode‘]").val()
            },
            success:function(ret){
                if(ret.errorCode==0){
                    layer.prompt({
                        formType: 3,
                        value:$.trim(code),
                        title: ‘请确认核销码‘,
                    }, function(value, index, elem){
                        $.ajax({
                            url:"{php echo $this->createWebUrl(‘yongjin‘,array(‘display‘=>‘change_status‘))}",
                            type:‘post‘,
                            dataType:‘json‘,
                            data:{
                                checkCode:value
                            },
                            success:function (res) {
                                if(res.errorCode==0){
                                    layer.msg(res.msg, {
                                        icon: 1,
                                        time: 2000 //2秒关闭(如果不配置,默认是3秒)
                                    });
                                    location.reload()
                                }else{
                                    layer.msg(res.msg, {
                                        icon: 7,
                                        time: 2000 //2秒关闭(如果不配置,默认是3秒)
                                    });
                                }
                            }
                        })
                        layer.close(index);
                    });
                }else if(ret.errorCode==2){
                    layer.msg(ret.msg, {
                        icon: 7,
                        time: 2000 //2秒关闭(如果不配置,默认是3秒)
                    });
                }else{
                    layer.msg(ret.msg, {
                        icon: 7,
                        time: 2000 //2秒关闭(如果不配置,默认是3秒)
                    });
                }
            }
        })
    });
  
})

 



以上是关于关于require.js引入layer.js后 layer.css等样式文件无法引入解决的主要内容,如果未能解决你的问题,请参考以下文章

Js组件layer的使用

在vue中继续使用layer.js来做弹出层---切图网

laravel 5.4 删除引入layer文件的写法

layer 使用教程

layer ----- 弹层

在Vue中使用layer.js弹出层插件