zoukankan      html  css  js  c++  java
  • layui弹出层

    layui弹出层

    div

    <div class="layui-col-xs3">
          <div class="grid-demo" style="position:fixed;top:100px;left:0px;">
    		<button data-method="setTop" class="layui-btn" id="fqtp">发起投票</button>
    	  </div>
        </div>
    

      

    js

    $(function() {
    	layui.element.render();//刷新所有的元素;
      $('#fqtp').on('click', function(){
    	  layui.layer.open({
    	        type: 2 //0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层)
    	        ,title: '发起投票'
    	        ,area: ['700px', '450px']
    	        ,maxmin: true  //最大最小化按钮
    	        ,offset: 'auto'   //位置居中
    	        ,content: '/IPMS/Ballotitle/voteParam.do' //不出现滚动条   ,'no'
    	        ,btnAlign: 'c'
    	        /*,btn: ['发起投票','关闭'] //只是为了演示
    	        ,yes: function(){
    	        	layer.confirm('确定发起投票吗?', {
    	        		title:'确认信息'  
    	        		,btn: ['是的','取消'] 
    	        		,yes: function(){
    	        			  
    	        		  }
    	        		});
    	        	
    	         // $(that).click(); 
    	        }
    	        ,btn2: function(){
    	          layer.closeAll();
    	        }*/
    	        
    	       /* 如需置顶,放开这块内容即可
    	        * ,zIndex: layer.zIndex //重点1
    	        ,success: function(layero){
    	          layer.setTop(layero); //重点2
    	        }*/
    	      });
    	  });
    });
    

      

  • 相关阅读:
    初赛—算法复杂度
    2-SAT
    最小生成树
    18-短信验证码接口
    17-腾讯云短信开发
    16-手机号是否存在验证接口
    15-多方式登录
    14-登录注册页面
    13-Git
    12-跨域请求详解
  • 原文地址:https://www.cnblogs.com/ziyanxiaozhu/p/8681159.html
Copyright © 2011-2022 走看看