layui弹出层不能拖动到外层

最新推荐文章于 2023-04-21 10:07:50 发布
最新推荐文章于 2023-04-21 10:07:50 发布
阅读量3k 收藏 3
点赞数 1
分类专栏： java技术类 java 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangyuqi520/article/details/105834430
版权

在了好久，终于找到解决的方式了。
1、设置参数：moveOut:true，
2、设置参数：move:’.layui-layer-title’，

3、第三点也是最重要的，没有这种方式，上面的参数也白搭
使用parent.layer.open({}）方式打开弹出层。

巴马特产
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery 可拖拽弹出层
10-30
jQuery 可拖拽弹出层
jQuery点击弹出层可拖动代码
06-24
jQuery点击弹出层可拖动代码是一款鼠标点击按钮弹出，支持鼠标点击拖动移动位置。
ElementUI的Dialog弹窗实现拖拽移动功能
weixin_45914210的博客
04-21 898
ElementUI的Dialog弹窗实现拖拽移动功能
如何调用layer.open打开的的iframe窗口中的JS
weixin_30955341的博客
12-23 421
转载于:https://www.cnblogs.com/niyl/p/10165396.html
Layer：如何调用layer.open打开的的iframe窗口中的JS？
qq_40340434的博客
05-15 2305
layer.open({type: 2,content: ‘test/iframe.html’,success: function(layero, index){　　var body = layer.getChildFrame(‘body’, index);　　var iframeWin = window[layero.find(‘iframe’)[0][‘name’]]; //得到iframe页...
layer.open属性详解 layui弹出层
qq_40690077的博客
08-12 1万+
layui弹框
Openlayers中使用Overlay实现点击要素弹窗并且弹窗随之移动
BADAO_LIUMANG_QIZHI的博客
12-28 2932
场景 Vue+Openlayer使用overlay实现弹窗弹出显示与关闭： Vue+Openlayer使用overlay实现弹窗弹出显示与关闭_BADAO_LIUMANG_QIZHI的博客-CSDN博客 实现弹窗的效果可以参考上面。 要实现的效果是点击某个元素弹窗显示，并且弹窗随着元素的移动而移动。 实现元素移动的效果可以参考如下： Openlayers中使用Image的rotation实现车辆定位导航带转角(判断车辆图片旋转角度)： Openlayers中使用Image的rotation实现
jquery实现可拖拽弹出层特效
10-24
在网页设计和开发中，创建交互式用户体验是一个重要的任务，其中可拖拽的弹出层是一种常见的需求。本文将详细讲解如何使用jQuery实现一个可拖拽的弹出层特效。 首先，我们需要理解jQuery的核心概念。jQuery是一个轻...
jQuery点击按钮弹出层可拖动代码
06-10
还需定义一个拖动样式，使弹出层具有可拖动的特性。 ```css .hidden { display: none; } .draggableLayer { position: absolute; /* 设置绝对定位 */ width: 400px; height: 200px; background-color: #fff; ...
jQuery LayerModel弹出层插件拖动弹出层效果
10-30
在实际应用中，可能需要自定义拖动限制，比如限定弹出层不能移出浏览器可视区域，这需要对插件源码进行一定的修改或扩展。 三、弹出层类型与配置 1. 多种弹出层类型：LayerModel支持多种弹出层样式，如`info`...
弹出层，可拖动，IE,FF都支持
09-20
弹出层，可拖动，IE,FF都支持弹出层，可拖动，IE,FF都支持
LayUI的使用心得：全面覆盖父窗口的子窗口
葉飞纷飞的博客
06-14 2752
前言：有一个这样的需求：本身已打开了一个窗口，是底部有按钮的窗口。然后 在这个窗口中又需要打开一个子窗口，原本layui的窗口打开模式设定是 子窗口是嵌在父窗口里（title和按钮栏的中间）；但是用户说操作子窗口的时候老是不小心点了 父窗口的底部确定按钮。那么 这就只能将 子窗口全面覆盖住 父窗口。 这解决办法其实简单起来也是很简单，直接parent.layer.open就...
2011/08/02 为什么lay层不移动？？
08-02 971
环境: cocos2d-iphone 1.0.0 , xcod4 , ios4.3 for iphone 目的：利用tests/TileMapTest，做个实验. 地图大小：width=64*64, height=64*32。 步骤：  情景1：修改TMXBug787这个c
layui框架——弹出层layer
热门推荐
meixu568的专栏
07-26 9万+
两种调用方法： 1、引用独立的layer.js文件 引入好layer.js后，直接用即可 <script src="layer.js"></script> <script> layer.msg('hello'); </script> 2、调用layui中的layer模块 layui.use('layer', function(){ ...
前端ui框架layui——layer弹出层-基础参数
Smile__Mo的博客
06-15 2350
layer 至今仍作为 layui 的代表作，她的受众广泛并非偶然，而是这数年来的坚持、不弃的执念，将那些不屑的眼光转化为应得的尊重，不断完善和维护、不断建设和提升社区服务，在 Web 开发者的圈子里口口相传，乃至于成为今天的 layui 最强劲的源动力。目前，layer已成为国内最多人使用的 Web 弹层组件，GitHub 自然Stars5000+，官网累计下载量达50w+，大概有30万不同规模的 Web 平台使用过 layer。 之所以列举上面这些数字，并非是在夸夸其谈，而是懂 layer 的人都知
layer的move要怎么用
luo_yu_1106的博客
05-30 2980
百度了好久，终于知道了 想要可以拖动，默认是触动title拖动，所以必须有title,看一下你的title设置了没有，然后像下面里面的move一样设置move 就这两点 layer官方文档：https://www.layui.com/doc/modules/layer.html#resize //iframe窗 layer.open({ type : 2, title :...
openlayers中实现点的拖拽（modify）,在layer中增加修改删除point。
dingqing4356的博客
08-06 2540
最近忙着整地图，都忘记了总结来沉淀自己，自我检讨一下。 总结一下最近使用openlayer时学习的内容，先说下我的业务逻辑吧，在室内地图中 1，点击新增在地图上新增一个可以拖拽的点，拖拽完成后确定位置，添加其他数据，保存入库。 2，增加后展示点，点上面有序号。 3，修改时，当选中一条记录的时候需要地图上面的点高亮，这个时候可拖动位置，修改表单数据，修改后保存。 4，删除也...
uniapp可拖拽的弹出层
最新发布
05-19
Uniapp中可以使用uni-popup组件实现弹出层的功能，但是默认情况下是不能拖拽的。不过你可以借助第三方插件来实现可拖拽的弹出层。 一个比较常用的插件是vue-draggable-resizable，在Uniapp中使用时需要先安装该插件： ``` npm install vue-draggable-resizable ``` 然后在需要使用可拖拽弹出层的页面引入该组件： ```vue <template> <div> <draggable-resizable :isDraggable="true" :isResizable="false"> <div class="popup-content"> <!-- 弹出层内容 --> </div> </draggable-resizable> </div> </template> <script> import DraggableResizable from "vue-draggable-resizable"; export default { components: { DraggableResizable, }, }; </script> <style> .popup-content { padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); } </style> ``` 这里设置`isDraggable`为`true`表示可拖拽，`isResizable`为`false`表示不可调整大小。 如果需要在拖拽时更新弹出层的位置，可以使用`@drag`事件： ```vue <template> <div> <draggable-resizable :isDraggable="true" :isResizable="false" @drag="onDrag"> <div class="popup-content"> <!-- 弹出层内容 --> </div> </draggable-resizable> </div> </template> <script> import DraggableResizable from "vue-draggable-resizable"; export default { components: { DraggableResizable, }, methods: { onDrag(e) { console.log(e.x, e.y); // 更新弹出层位置的代码 }, }, }; </script> ``` 在`onDrag`方法中可以获取到拖拽时的坐标，然后再更新弹出层的位置即可。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值