layer的简单使用

  1. 引入jquery.js和layer.js
  2. 提示:layer.msg(‘hello’);
  3. 弹出框:layer.alert(‘hello’);
  4. 确认询问框:

                     layer.confirm('is not?', {icon: 3, title:'提示'}, function(index){
                              alert("我就是试试!");
                              layer.close(index);
                       });
    

    ④弹出层:

    layer.open({
          title: ['校外活动认证','font-size:18px;background-color:#2576d9;'],
          type: 2,
          skin: '.layui-layer-title{background:red; color:red; border: none;}',
          anim: 5,
          btn: ['保存', '关闭'],
          shadeClose: false, //点击遮罩关闭
          area: ['680px', '220px'],
          content: '/xgxt/xwhd/addXwhdView.action',
          resizing: function(layero){
              console.log(layero);
          },
          yes: function(index, layero){
                var iframe = window[layero.find('iframe')[0]['name']]; 
                var result = addXwhd(iframe);
                if(result){
                    layer.close(index); 
                };
          },
          cancel: function(index, layero){ 
                layer.close(index)
          } 
    
    });                 
    

猜你喜欢

转载自blog.csdn.net/qq_18948889/article/details/81974893