layer弹层 展示

<td width="107" height="42"   class="contract" myhref="{:U(‘/Manage/Merchant/contract‘, array(‘id‘=>$item[‘merchant_id‘]) )}">合作协议</td>

<script>

$(‘.contract‘).click(function(){

var href =  $(this).attr("myhref");

var title =  $(this).attr("title");

layer.open({

type: 2,

title: title,

fix: true,

shadeClose: false,

area: [‘800px‘, ‘600px‘],

content: href,

maxmin: true

});

</script>

时间: 2024-10-26 12:52:16

layer弹层 展示的相关文章

layer弹层之美

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 官网:http://layer.layui.com/ //初体验 layer.alert('内容') //询问框 layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, function(){ layer.msg('的确很重要', {icon: 1}); }, function(){ layer.m

layer ----- 弹层

模块加载名称:layer,layer独立组件官网:layer.layui.com layer可以独立使用,也可以通过Layui模块化使用.按照实际需求来选择.只使用layer,你可以去layer独立组件官网下载组件包.你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js.如果你使用的是Layui,那么你直接在官网下载layui框架即可,无需引入jQuery和layer.js,但需要引入layui.css和layui.js ,解压后可放在extend下, , layer提供

jQuery Layer 弹层组件

layer是一款近年来口碑非常不错的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 在与同类组件的比较中,layer总是能轻易获胜.她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升.易用和实用性,正因如此,越来越多的开发者将媚眼投上了layer.layer兼容了包括IE6在内的所有主流浏览器. 她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,皆广受欢迎.当然,这种"王婆卖瓜"的陈

layer弹层遮罩挡住窗体解决

使用代码: <div> <div>这里面某个按钮触发弹层<div> <div id='dialog' hidden='hidden'></div></div>如果上面的按钮触发了弹层 layer.open 且content是某个DOM元素 content:$('#dialog') 那么这里弹出层,遮罩会遮住到弹窗导致操作不了. 官网给出的说法是  如果弹层的内容content是某个DOM元素的话,要放在body的根节点下.不能放在di

HTML5 本地存储+layer弹层组件制作记事本

什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据. 早些时候,本地存储使用的是 cookie.但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上,但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据,而不影响网站的性能. 数据以 键/值 对存在, web网页的数据只允许该网页访问使用. 保存数据:localStorage.setItem(key,value); 读取数据:localStorage.getItem(key); 删除单个数据:l

layer弹层content写错导致div复制了一次,导致id失效 $().val() 获取不到dispaly:none div里表单的值

? 错误之源: $("a.consult").click(function () {         lib_consult_html = $('#consult-html').html();  /*复制了一份div*/         layer.open({             type: 1,             title: false,             closeBtn: 0,             shadeClose: true,            

layer弹出层设置相对父级元素定位

layer弹出层默认是相对body固定定位的,可是项目中一般需要相对某个盒子相对定位,下面是个加载弹层例子: var loadIndex = layer.open({ type: 3, //3 表示加载 fixed: false, //取消固定定位,因为固定定位是相对body的 offset: ['60px', '132px'], //相对定位 time: 5000, //定时关闭弹层 icon: 2, //加载的icon类型 shade: 'background-color: rgba(0,0

弹层组件-layer

layer是Layui的一个弹层组建,功能强大,总之我很喜欢,下面介绍这个组件的基本用法. 首先如果只需要使用layer而不想使用Layui可以单独下载layer组件包,页面引入jquery1.8以上任意版本,和laye.js 通过简单的例子能加深理解和学习,首先引入基本的css和js <link rel="stylesheet" href="css/reset.css"> <script src="http://libs.baidu.c

layer弹出层框架alert与msg详解

layer--->web弹层组件 代码: 1 layer.alert('见到你真的很高兴', {icon: 6}); 这是一个最简单的弹出层,可根据icon配置左边的图标 通常情况下,除了弹窗之外我们一般都会有对按钮做回调处理的一些操作 如图: 1 layer.alert('墨绿风格,点击确认看深蓝', { 2 skin: 'layui-layer-molv' //样式类名 自定义样式 3 ,closeBtn: 1 // 是否显示关闭按钮 4 ,anim: 1 //动画类型 5 ,btn: ['