layer.js定制弹窗

 1 <button>点击</button>
 2
 3 <div class="order" id="order">
 4     定制
 5 </div>
 6
 7 <script type="text/javascript">
 8 $(function(){
 9     $("button").on("click", function(){
10         layer.open({
11             type: 1,             //基本层类型
12             title:false,         //不显示标题
13             shadeClose: true,    //开启遮罩关闭
14             content: $(‘#order‘) //这里content是一个DOM
15         });
16     });
17 });
18
19 </script>

有了定制版的,那么利用layer.js就可以随着设计稿变动而变动了

更多详情戳layer.js官网http://layer.layui.com/

时间: 2024-08-12 20:09:14

layer.js定制弹窗的相关文章

layer.js,,,分享一个好用的弹出层

基本属性: <!DOCTYPE html> <html> <head> <head> <meta content="text/html;charset=utf-8" http-equiv="Content-Type" /> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-s

layer.js 注册登录切换的问题

layer.js 是一个很好用的弹窗框架,使用的时候很方便,但是今天遇到一个问题,让我很头疼啊,一直都做不出来,就是登录和注册弹窗的切换问题 这里涉及到两个页面:guide.html 即父页面,denglu.html 页面,即子页面 在父页面中打开子页面: 1 var adaoli = $("ul.nav ul.right div.dingwei li a"); 2 Adenglureg.on("click", function () { 3 var index =

js写弹窗

1.先来看弹窗的模样 点击"弹出窗口"后会弹出下面窗口 2.下面是实现弹出窗口的代码,其中引入的jquery一般自己有,没有的话可以从网上下载.tanchuang.js和tanchuang.css写在了下面. 弹窗的一些参数可以参考tanchuang.js里面的,需要更改的拿到显示页面来修改. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.o

layer.js V3.0.1 文本框自动获得焦点 修改为 不自动获得焦点

未修改前样式 它的文本框弹出以后,文本框获得焦点在文字的最前面,这不是一个好的用户体验,所以对它进行修改 对layer.js文件进行修改,在layer.js中搜索focus,发现共有两处focus 经过测试,删除阴影部分的代码即可做到文本框不对焦

【jq】插件—弹出层layer.js

layer.js包含了所有的层级情形,并且附加的有:tab层,相册层.webIM层. 适用于移动版本的layer.js   为layer for mobile 配套的layui 非常适合用于后台系统的ui框架.用法在官网都有说明:参见http://layer.layui.com/   文档手册 另外它的fly社区有许多demo案例提供给我们参考

layer.js载入失效问题

<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript" src="lib/layer/2.4/layer.js"></script> 如上所示,载入layer时,jquery.min.js务必在layer.js的上面,否

关于require.js引入layer.js后 layer.css等样式文件无法引入解决

这里需要用到layer.js的layer.config方法 即 layer.config({ path: '{GARCIA_JS}layer/' //layer.js所在的目录,可以是绝对目录,也可以是相对目录 }); 详细代码如下   require(['{GARCIA_JS}layer/layer.js'],function(layer){ layer.config({ path: '{GARCIA_JS}layer/' //layer.js所在的目录,可以是绝对目录,也可以是相对目录 })

在vue中继续使用layer.js来做弹出层---切图网

layer.js是一个方便的弹出层插件,切图网专注于PSD2HTML等前端切图多年,后转向Vue开发.在vue开发过程中引入layer.js的时候遇到了麻烦.原因是layer.js不支持import导入,这时就需要修改一下它的源码.在看过它的源码后,发现需要修改的地方只有两处, 源码中已经暴露了一个全局变量layer,故只需在脚本末尾处添加 export default layer; 这表示将这个全局变量导出. 然后在文件中找到下面的代码注释掉,这段代码是为layer添加样式的,但使用的路径不对

layer.js子窗口关闭并传数据到父窗的方法

昨晚整了很晚,一直找不到方法.去官网api看了好久,又在网上搜了很久 始终找不到答案.今天自己终于找到了方法. 难点:因为 确认和取消按钮都是在父窗 调用js生成的按钮.只能从父窗回调的时候去去数据并关闭子窗口.并不是子窗口自己关闭并把数据传到父窗.而网上给出的很多答案都是子窗口自己关闭并传数据到父窗的方法. [贴出我自己的代码,大概实现了流程.具体自己根据情况修改] 我的代码功能是 子窗口要传递数组给父窗,具体复杂的数据格式(如json等)类似 1.子窗口代码 var urls; functi