layui弹出层

Posted 2020-10-29 子言小竹

 

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
	        }*/
	      });
	  });
});