关于layer.open与select2联合使用时，select2出现的错位问题的解决

最新推荐文章于 2024-07-09 15:47:50 发布
最新推荐文章于 2024-07-09 15:47:50 发布
阅读量2.9k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/ks8380/article/details/85062315
本文详细介绍了在使用Select2插件时遇到的与Layer弹出层动画冲突问题。当从其他页面返回时，由于Layer默认的动画效果导致Select2定位错误。解决方法是将Layer的anim设置为-1，禁用动画效果，从而避免Select2错位。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

正常显示情况如下：

当我切换到其他页面，再重新切回原页面的时候，出现这样的问题：

此类情况出现时，不是select2插件出现的问题，而是layer的问题   

layer 有一个弹出层动画  anim ，默认为 0  ，正是因为anim的动画效果导致切换页面重新切回的 时候，会重新执行一遍动画效果，导致select的定位不准确，出现了select的错位情况，解决办法是： 设置 anim：-1

里海NX二次开发3000例-专栏目录
王牌飞行员_里海的博客
09-15 4561
UDO(User Defined Object)是“用户自定义对象”。应用非常广，可以用UDO创建自定义特征，也可以对NX原有的特征添加一些特殊信息，这些信息会保存在部件中，以后可以查询。还可以实时追踪NX对象，例如做3D包容盒线框自动追踪实体，做2D矩形框自动追踪图纸尺寸值，这些在下面的例子都有介绍。读者可以自己编译下面的例子，体会理解UDO的用法。------里海 20230512序号内容​链接01使用UDO在所有实体上设置更新回调​链接02使用UDO生成跟踪实体的线框​链接03删除UDO​链接。
【CSS3】常用的选择器
December_shi的博客
09-08 1290
1.交集选择器(紧挨着) 交集选择器是由两个选择器直接连接构成的，其中第一个必须是标签选择器，第二个必须是类选择器或者ID选择器，这两个选择器之间不能有空格，必须连续书写 p.txt{ color:blue; } <p>恰是一江<span class="txt">春水1</span>向东流</p> <!-- 不变蓝 --> <span class="txt">春水2</span> <!-- 不变蓝
Layer中使用select2如何避免样式问题
Mr_王小峰的博客
11-07 1228
在layer open中使用select2会出现样式冲突无法加载。我的解决思路是layer有一个success方法，在页面加载完的时候使用success方法重新加载select2 样式。 具体实现代码逻辑： layer.open({ type: 1, title:'面试结果', shift: 7, ...
Layer弹窗和 jquery select2 兼容问题
深漂小码哥
04-17 943
layer弹窗中select2不显示问题， 原因是:layer的z-index影响的 解决办法：将select2的z-index调高于layer的z-index .select2-container--open .select2-dropdown{left:0;z-index:999999999;} ...
select2在弹窗时错位
qq_34898847的博客
09-11 1739
1.select2在弹窗时错位 解决: 在弹窗之前,绑定selec2的话,获取的位置会错位, 需要在弹窗之后,进行绑定select2 eg. function showFeeCalculation(obj){ //展示弹框的时候，复选框默认选中第一个 $showdialogs($(obj)); $("#acceptanceFeeClassification")....
select2弹出层layer等冲突
cdf0701的博客
03-21 1737
select2和layer冲突 主要有几种方式： 1、修改layer默认z-index 2、select2加入参数dropdownParent: layero 3、修改select2-container–open的z-index大于layer
scale缩放和openlayers的点查不兼容问题
qt的博客
08-03 524
openlayers偏移问题
为什么会出现select mask band的里面没有mask band的文件
最新发布
07-10
- 解决方法：如果掩膜文件有多波段，使用`Toolbox → Raster Management → Layer Stacking`选择其中一个波段；如果像元值不是0/1，使用`Band Math`转换为二值（例如：`b1 gt 0`将大于0的值设为1）。 4. **掩膜...
fastadmin 各种开发技巧，问题总合集，持续跟新中....
xxpxxpoo8的专栏
07-09 1801
也可以单独获取某个字段 js 需改后的代码 需要带花括号 下面简单介绍一下几个配置的含义 name:唯一标识,其中index/add/edit/del/multi/dragsort这几个框架已经暂用,如果使用将会覆盖已有属性 text:按钮上的文本，可以为空时，为空时按钮将不显示文字信息，为空时最好配置上icon的值 title:按钮的标题信息，当鼠标移到上面时显示的文字，同时作为dialog弹出窗时的标题信息 icon:按钮上的按钮信息，可使用Font-awesome的按钮，当text为空时请务必填
I2S总线学习：I2S数据格式
Open_The_World的博客
11-08 4284
（一）数字音频技术 一、声音的基本概念 声音是通过一定介质传播的连续的波。 图1 声波 重要指标： 振幅：音量的大小 周期：重复出现的时间间隔 频率：指信号每秒钟变化的次数 声音按频率分类： 图2 声音的频率(语音信号频率范围：300Hz-3kHz) 声音的传播携带了信息，它是人类传播信息的一种主要媒体。 声音的三种类型： 波形声音：包含了所有声音形式 语音：不仅是波形声音，而且还有丰富的语言内涵(抽象→提取特征→意义理解) 音乐：与语音相比，形式更规范。音乐是符号化的声音。 二..
select2位置错乱,错误放置，Select2
weixin_33520952的博客
12-24 292
I have a problem with select2 error placement when I save a form containing one or many select2.Here is what I have: I have some Forms with some mandatory select2 inputs and they work fine showing the...
Vue+Openlayer中使用select选择要素
u014389734的博客
09-07 528
本文通过实例代码给大家介绍Vue+Openlayer中使用select选择要素，代码简单易懂，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧 效果图： 实现代码： <template> <div id="map" ref="map" style="width: 100vw; height: 100vh"></div> </template> <script> import "ol/ol.css"; impo
select2位置错乱_select2使用过程中的问题总结
weixin_39873177的博客
12-24 925
select2问题总结先上图 说明：select2是一款可以多选，单选，搜索选择等等插件，一起来看看如何使用，如下图—-引入样式 —-引入脚本 —-页面调用 问题1： 做完以上工作，发现页面上并没有出来想要的效果，如下图，这是为何？ 答案1： 这时候发现没有出来我们想要的效果，这是因为我们在脚本需要绑定一下select2，如下代码function Select2() {//工作负责人$(".js-...
layui 动态select二级联动
qq_28404381的博客
11-18 1309
功能 可增删二级联动select select选项联动 界面 select 选项联动主要代码 # select 标签部署 <div> <label>语音标签1</label> <select lay-filter="selectType"> # data-audio的值，与语音文件的name相关 <option value="1" data-audio="1">语音标签1</option> <option v
select2的dropdown错误
saizzzzzz的专栏
07-14 1737
今天在使用select2的时候生成的dropdown总是错误,遮住前面的内容.纠结了好久.发现生成的select2元素有一个class.select2-container--bootstrap有一个css属性为display:block导致了元素重叠错位.但是在select2.js里并没有发现这个类名.看了一会源码后发现有select2-container--"theme".在本例中并没有指定th
弹出层layer中的select2问题
请叫我小明 （坐标：西安）
05-10 361
最好的办法，不要在页面加载时初始化select2；在功能和美化之间，需要权衡；
解决select2下拉栏错位问题
qq_25116023的博客
09-27 2483
在有些情况下，比如页面中多个选择栏的情况下，使用select2插件会导致错位的问题 就像下面这样 本应出现在蓝框位置的，却跑到了红框的位置。 因为是相对位置问题，所以可以锁定在CSS。经过对CSS的排查，发现select2会为下拉框添加一个行内样式position:absolute; 下拉框设置absolute会导致下拉框位置是根据body进行定位的，而非根据当前视图窗口，因此就会导致错位。所以我们要对其进行修改，首先找到select2.js(或select2.min.js) select2.js的话搜
layui中layer.open中select失效，表格中插入图片，checkbox是否选中，查看大图，parent.layer.open中失效
hangGe0111的博客
12-18 1924
弹窗官网地址：http://layer.layui.com/ 1.在使用layui时layer.open的弹窗使用十分方便，普通弹窗可以满足普通需求，prompt可以满足一个input框的需求，但如果有两个输入框或者有select时，就需要用到自定义弹窗了； 2.select失效 2.1失效原因是.layui-layer-page .layui-layer-content{overflow:...
layer.open回显数据select选择默认值
热门推荐
猿小白的博客
08-28 1万+
1. 需求分析 如图所示，需要在用户编辑的时候能够回显数据，并且使其能够自动渲染下拉框。 <div class="layui-form-item"> <label class="layui-form-label">用户性别：</label> <div class="layui-input-block"> &lt...
bootstrap selectpicker下拉选在layer.open中会拉高弹框高度
11-22
解决这个问题的一个常见方法是在 layer 初始化时，手动设置弹框的高度，并处理 Selectpicker 插件的显示，例如： ```javascript var options = { content: '<select class="selectpicker"></select>', // 或者HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值