zoukankan      html  css  js  c++  java
  • 关于引入layui插件后layer is not defined问题

    1、在layui官网直接点击下载,将layui文件直接复制到项目下,在页面引入jquery.js文件(该文件必须在1.8版本之上),再引入layui.js文件和layui.css文件

    此时写第一个示例:

    layer.open({

      layer.msg('hello');

    })

    页面报错:layer is not defined

    修改:

    function del(){

    layui.use("layer",function(){
    (若想要加载多个组件,如:时间,表单可用[]  layui.use(['layer','laydate','form'],function(){}))
    var layer = layui.layer;  //layer初始化

    layer.msg('hello');  //此时便可成功


    //iframe窗

    layer.open({

    type: 2,  //2为iframe层

    title: "另一个页面",

    closeBtn: ['确定','取消'], //不显示关闭按钮

    shade: [0], //遮罩

    area: ['340px', '215px'],

    offset: 'auto',//默认垂直水平居中 //rb:右下角弹出

    time: 2000, //2秒后自动关闭

    anim: 2,

    //content: ['test/guodu.html', 'no'], //iframe的url,no代表不显示滚动条
    content:['layer.jsp','no'],
    end: function(){ //此处用于演示

    layer.open({

    type: 2,

    title: '很多时候,我们想最大化看,比如像这个页面。',

    shadeClose: true,

    shade: false,

    maxmin: true, //开启最大化最小化按钮

    area: ['893px', '600px'],

    content: '//fly.layui.com/'

    });

    }

    });

    });

    }

    问题解决

     2、如何给laydate设置只读?

      为设置只读前:

    1 laydate.render({
    2     elem:'#id',
    3     range:true,   //开启双面板
    4 });

      设置只读

    1 laydate.render({
    2     elem:'#id',
    3     range:true,  //设置双面板
    4     type:''
    5 });

     3、关于layui中评分模块根据条件设置为只读

      原代码

    1 rate.render({
    2     else:'#id',
    3     value:'<%=rs.getNameNumber("TJZS")%>',  //初始值
    4     text:true,   //开启文本
    5     choose:funcrion(value){
    6         $("#tjzs").val(value);
    7     }
    8 });

      修改后代码

    var bmbm = "<%=jgbms%>";
    var ratereadonly  = false;
    if(bmbm != "0000"){
        ratereadonly = true;
    }else{
        ratereadonly = false;
    }
    
    rate.render({
        elem:'#id',
        value:'<%=rs.getNameNumber("TJZS")%>',  //初始值
        text:true,   //开启文本
        readonly:ratereadonly,
        choose:function(value){
            $("#tjzs").val(value);
        }
    });
  • 相关阅读:
    下拉菜单得经典写法html5
    QQ空间开放平台开发教程-SDK和API的使用
    PHP 性能分析第一篇: Xhprof & Xhgui 介绍
    Linuxshell脚本之if条件判断
    XHProf的安装和使用(PHP性能测试神器)
    hibernate中validate的使用(转)
    having和where的区别
    关于项目中参数传递的问题
    Service中事务不能回滚的解决方式(转)
    ajaxsearch要点1
  • 原文地址:https://www.cnblogs.com/zying3/p/9300602.html
Copyright © 2011-2022 走看看