码迷,mamicode.com
首页 > 其他好文 > 详细

layui弹出层

时间:2018-03-31 10:57:28      阅读:483      评论:0      收藏:0      [点我收藏+]

标签:fse   top   body   刷新   element   button   信息   tips   frame   

 

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

  

layui弹出层

标签:fse   top   body   刷新   element   button   信息   tips   frame   

原文地址:https://www.cnblogs.com/ziyanxiaozhu/p/8681159.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!