layer mobile开发layer.full
Layer For Mobile 之 layer.full()
背景介绍:layer mobile是专门针对手机页面开发的一套框架,具体介绍请看官方文档 http://layer.layui.com/mobile/api.html,因其扩展方法有限,我用到了layer Pc版的layer.full这里做了扩展。
问题:目前layer mobile是2.0版,没有layer.full方法。因为用到做了扩展。
包括两部分,一部分是js,一部分是样式。
js部分
function LayerFull(title, url) { layer.open({
type: 1,
btn: ["点击关闭本页面"],
yes: function (index) {
layer.close(index);
},
title: title,
content: "<iframe src=" + url + " width='100%' height='96%'></iframe>",
style: 'position:fixed; left:0; top:0; width:100%; height:96%; border: none;'
}); };
css部分
.layui-m-layercont {
height: 80%;
}
.layui-m-layercont iframe {
border: none;
z-index:;
}
.layui-m-layermain .layui-m-layerchild h3 {
height: 30px;
line-height: 30px;
} /**
iOS兼容iFrame滚动条样式
*/
.layui-m-layercont {
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
width: 100%;
/*height: 330px;*/
} .layui-m-layercont iframe {
width: 100%;
/*height: 80%;*/
}
layer mobile开发layer.full的更多相关文章
- jQuery Layer mobile 弹出层
layer mobile是为移动设备(手机.平板等webkit内核浏览器/webview)量身定做的弹层支撑,采用Native JavaScript编写,完全独立于PC版的layer,您需要按照场景选 ...
- layer.js中layer.tips
<script src="~/Content/js/layer/layer.js"></script> layer.tips('名称不能为空', '#pro ...
- (转)经典收藏 50个jQuery Mobile开发技巧集萃
(原)http://www.cnblogs.com/chu888chu888/archive/2011/11/10/2244181.html 经典收藏 50个jQuery Mobile开发技巧集萃 ...
- 18个jQuery Mobile开发贴士和教程
jQuery Mobile 是 jQuery 在手机上和平板设备上的版本.jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.支持 ...
- Transport layer and Network layer
http://stackoverflow.com/questions/13333794/networking-difference-between-transport-layer-and-networ ...
- layer mobile 指定URL连接 弹全屏
var url_a = $("#"+id).attr("alt"); //打开新页面 var pageii = layer.open({ type: 1, bt ...
- 经典收藏 50个jQuery Mobile开发技巧集萃
http://www.cnblogs.com/chu888chu888/archive/2011/11/10/2244181.html 1.Backbone移动实例 这是在Safari中运行的一款Ba ...
- jquery mobile开发笔记之Ajax提交数据(转)
http://my.oschina.net/xiahuawuyu/blog/81763 这两天学习了下,jquery mobile(以下简称jqm)的开发相关的内容.可能之前有过web的开发基础,相对 ...
- 关于 layer.mask = label.layer 出现空白情况
源代码如下: self.numLabel = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, self.view.frame.size.width/3, ...
随机推荐
- C#获取当前站点的根地址
/// <summary> /// 得到当前网站的根地址 /// </summary> /// <returns></returns> protecte ...
- Android Studio 编译提示 No installed build tools found. Please install the Android build tools
添加 ANDROID_HOME=D:\Android\adt-bundle-windows\sdk 系统变量即可
- IDEA maven打包时跳过测试
配置这个install -Dmaven.test.skip=true, 可以跳过business项目本地启动自动跑测试用例
- PC端QT源码编译
转载:http://blog.sina.com.cn/s/blog_c2b97b1d01016x1i.html 1.下载源码(前面已经提到了) 选择合适自己的源码. 先用"uname -a& ...
- java方法学习记录
---恢复内容开始--- 方法重载:两个方法有相同的名字,但参数不同,就是方法重载,且不能仅仅依据修饰符或者返回类型的不同来重载方法. 命令行参数的使用 有时候你希望运行一个程序时候再传递给它消息.这 ...
- Part8-不用内存怎么行_我从内部看内存lesson1
- js实现在表格中删除和添加一行
<!DOCTYPE html><html> <head> <title> new document </title> <meta ht ...
- Robot Framework - 基础关键字 BuiltIn 库(二)
本篇教程,我们继续接着上篇内容进行讲解,我们本节教程讲解的是Robot Framework 机器人框架中的变量中使用判断.字符串的拼接.Evaluate的用法.调用Python文件.条件分支语句.以及 ...
- dynamic和nullable一起使用时的注意
dynamic和nullable一起使用时的注意
- MVC复杂类型的模型绑定
1,属性为引用类型(非集合,非数组) //模型1 public class Contact { public string Name { get; set; } public string Phone ...