关于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秒)
                    });
                }
            }
        })
    });

})



原文地址:https://www.cnblogs.com/hlf-wjj/p/9094830.html

时间: 2024-10-18 07:03:56

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

vue项目引入自定义.css的样式文件

ES6的引入方式: .vue文件中 css文件引入 <template></template> <style scoped> @import "../assets/common/common.css";//自定义.css的样式路径 </style> js文件的引入 在main.js中: import API from './assets/api/api.config.js' Vue.prototype.$API = API; P.S.:传

tp5.0:加载js、css等样式文件

首先, 我们要知道,TP5已经不支持绝对路径访问样式文件啦!所以我们不必去花时间去找使用$_SERVER来获取 过程: 1.首先在模块下添加config.php配置文件 2.例如,我们需要加载某css文件,该文件的位置为: 那么在config.php中输入数据: 3.接着,我们在要加载css样式文件的视图页面中输入: 这样,我们就能加载成功css下的文件啦! 如果想要知道加载文件是否成功,可以在浏览器中点击右鼠标,选择'查看源文件', 点击我们加载文件中的语句,如果能够显示该样式文件内容,那么说

Hadop使用Partitioner后,结果还是一个文件,如何解决??

最近看了一下partitioner,于是照着写了一个列子,最后发现程序并没有将结果分开写入相应的文件,结果还是一个文件,于是乎感觉是不是没有用集群去运行程序,发现control中还是本地执行的代码: <span style="font-size:12px;">2015-08-09 09:53:02,193 WARN [main] conf.Configuration (Configuration.java:loadProperty(2172)) - file:/tmp/ha

Linux系统安装jdk后出现无法执行binary 文件的错误解决

这是由于jdk版本的问题,针对Linux系统,Oracle提供了 ARM 的32jdk和64位jdk , 但是也提供了类似这样jdk-8u191-linux-i586.tar.gz32或64位的jdk,一般centos等的Linux,用的都是jdk-8u191-linux-i586.tar.gz的jdk,针对不同Linux使用不同版本jdk 原文地址:https://www.cnblogs.com/wbqcheng/p/10039993.html

关于项目部署后Tomcat里面的class文件不齐全

问题:项目部署后Tomcat里面的class文件不齐全 解决办法:查看 Eclipse 视图中的 problem 视图 我们发现.是Java compiler 编译 有问题,在 window -- preferences -- java -compiler 中调节 Compiler compliance level ,重新 clean ,启动 tomcat 服务器,问题解决!

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

layer.js是一个方便的弹出层插件,切图网专注于PSD2HTML等前端切图多年,后转向Vue开发.在vue开发过程中引入layer.js的时候遇到了麻烦.原因是layer.js不支持import导入,这时就需要修改一下它的源码.在看过它的源码后,发现需要修改的地方只有两处, 源码中已经暴露了一个全局变量layer,故只需在脚本末尾处添加 export default layer; 这表示将这个全局变量导出. 然后在文件中找到下面的代码注释掉,这段代码是为layer添加样式的,但使用的路径不对

layer.js,,,分享一个好用的弹出层

基本属性: <!DOCTYPE html> <html> <head> <head> <meta content="text/html;charset=utf-8" http-equiv="Content-Type" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-s

require.js配置路径的用法和css的引入

前端开发在近一两年发展的非常快,JavaScript作为主流的开发语言得到了前所未有的热捧.大量的前端框架出现了,这些框架都在尝试着解决一 些前端开发中的共性问题,但是实现又不尽相同.通常一般的前端加载js文件都是这样 : <script type="text/javascript" src="js/js1.js"></script> <script type="text/javascript" src="

layer.js V3.0.1 文本框自动获得焦点 修改为 不自动获得焦点

未修改前样式 它的文本框弹出以后,文本框获得焦点在文字的最前面,这不是一个好的用户体验,所以对它进行修改 对layer.js文件进行修改,在layer.js中搜索focus,发现共有两处focus 经过测试,删除阴影部分的代码即可做到文本框不对焦