本文实例讲述了jQuery实现鼠标移到某个对象时弹出显示层功能。分享给大家供大家参考,具体如下: /** * 鼠标移上去显示层 * @param divId 显示的层ID * @returns */ $.fn.myHoverTip = function(divId) {var div = $("#" + divId); //要浮动在这个元素旁边的层div.css("position", "absolute");//让这个层可以绝对定位var self = $(this); //当前对象self.hover(function() {div.css("display", "block");var p = self.position();...
前一阵子做了一个简单的小项目,用到了Layer弹出层(弹出层的用法就不多加赘述了,官网上都有详细的介绍,这里附上网址http://layer.layui.com/),当时前后台合页面的时候就出现了一个问题,弹出层总是获取不到数据,不过后面还是和同学们一起解决了,希望能帮助到大家。 之前的代码: <a id="func11" onclick="func11();">点击查看</a> function func11() {console.log($.cookie("id"));//iframe窗layer.open({type: 2,title: fa...
如下所示: layer.open({id: LAY_layuipro, //设定一个id,防止重复弹出type: 2,title:添加人员信息,area: [600px,340px],btn: [保存,关闭],yes: function(index, layero){var inputForm = $(window.frames["layui-layer-iframe" + index].document).contents().find("#userForm");inputForm.ajaxSubmit({url:<%=path%>/version/demand/saveDemand,type:post,dataType:json,success:function(result){if(result.data==ok){layer.cl...
正在开发的车联网项目用到了layer API。当我在开发“新建电子围栏”的时候需要弹出地图,用户在地图中画一个区域,最后将这个弹出层的数据返回给原页面。下面是我的实现过:程: 触发弹出层的代码: layer.open({type: 2,title: "设置围栏",shadeClose: true,shade: 0.4,area: [90%, 90%],content: "/ElectronicFence/Map?id=" + id + "&shapeType=" + shapeType,btn: [确定,关闭],yes: function(index){//当点击‘确定按钮的时候,...
如下所示: function newcont(url) {var index = layer.open({title:false,type: 2,shadeClose: true,scrollbar: false,content: [url , no]});} 试了很多方法 最后发现layer的手册上就有,传入url的时候直接在后面加一个"no"就可以屏蔽掉滚动条... 以上这篇layer弹出层 iframe层去掉滚动条的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
// 父页面 <body><a data-url="bbbb.html" id="parentIframe">小小提示层</a> <input id="shuzhi" /> <button class="but_par">父页面</button> </body> <script src="../jquery-1.9.1.min.js"></script> <script src="layer/layer.js"></script> <script> $(function(){ $("#parentIframe").click(function(){ var a = $(this).attr("data-url"); layer.open({type: 2,content: a,success: function(layero, index){var body = la...
如下所示:这种弹出层在ajax执行完添加房间的动作后在回调里写 var index = parent.layer.getFrameIndex(window.name); setTimeout(function(){parent.layer.close(index)}, 1000); 1秒后,当前窗口就会关闭了 以上这篇layer弹出的iframe层在执行完毕后关闭当前弹出层的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
一、首先引用JS文件 <script src="../../js/common/layer/layer.js"></script>二、全屏调用以下代码 var index = layer.open({type: 2,content: url,area: [300px, 195px], title: false,maxmin: true, closeBtn: 0}); layer.full(index);三、关闭弹出层 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);总结: 这种打开的页面的好处是:直接关闭当前弹出层,不用刷新整个页面,不用加载数据,性...
正常下的layui在3个button按钮压缩之后代码为 <button data-id="{$activity.activity_id}" style="background-color:#297911;" class="layui-btn layui-btn-small layui-btn-danger edit_store">修改门店</button> <button data-id="{$activity.activity_id}" class="layui-btn layui-btn-small layui-btn-danger del-activity">删除活动</button> <button data-id="{$activity.activity_id}" class="layui-btn layui-btn-small la...
boostrap的模态框第二次弹出时总会保留第一次编辑的内容, 解决方法如下: 在模态框中每个文本框(或选择框,取决于你的模态框里有哪些样式)动态获取值的方法里添加: $(".文本框或选择框的类名").val("");就可以了。 注意:不是在弹出模态框的方法里添加 $(".文本框或选择框的类名").val("");并且也不是对整个模态框进行清空,不然网页会崩溃。 以上这篇boostrap模态框二次弹出清空原有内容的方法就是小编分享给大家的全部内容了...
本文实例讲述了JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能。分享给大家供大家参考,具体如下: HTML部分: <div id="div">点击除开div的区域可以弹出弹窗</div> <div id="cover"></div> <div id="box">点击除开div和弹窗的区域可以关闭弹窗</div>CSS部分: #div{/*设置z-index属性必须设置position:relative或absolute*/ position:relative;/*设置div位于遮罩的上方*/ z-index:2;width:300px;height:200px;border:1px so...
本文实例讲述了jQuery实现点击自身以外区域关闭弹出层功能。分享给大家供大家参考,具体如下: 原理参考前面一篇《JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能》,小编顺便对原文区域外点击bug进行了修改,具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-e...
本文实例为大家分享了微信小程序实现弹出菜单的具体代码,供大家参考,具体内容如下 菜单代码: 1.index.js //index.js //获取应用实例 var app = getApp() Page({data: {isPopping: false,//是否已经弹出animationPlus: {},//旋转动画animationcollect: {},//item位移,透明度animationTranspond: {},//item位移,透明度animationInput: {},//item位移,透明度//我的博客:http://blog.csdn.net/qq_31383345//CSDN微信小程序开发专栏:h...
本文实例为大家分享了微信小程序自定义对话框弹出和隐藏动画的具体代码,供大家参考,具体内容如下 index.js //index.js var app = getApp();let animationShowHeight = 300;Page({data:{animationData:"",showModalStatus:false,imageHeight:0,imageWidth:0},imageLoad: function (e) { this.setData({imageHeight:e.detail.height,imageWidth:e.detail.width}); },showModal: function () {// 显示遮罩层var animation = wx.crea...
本文实例为大家分享了微信小程序底部弹出框展示的具体代码,供大家参考,具体内容如下 效果图: html <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view> <view animation="{{animationData}}" class="commodity_attr_box" wx:if="{{showModalStatus}}"></view>CSS .commodity_screen {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;opacity: 0.2;overflow:...