layer弹框的上面各个属性 -可配置

<script type="text/javascript">
12             //eg
13             layer.open({
14                 title:"标题信息提示",//标题信息
15                content: 'test',//内容区域
16                move: false,//是否可以拖动,默认可以拖动
17                btn: ['按钮一', '按钮二', '按钮三'],
18                btn1: function(index){
19                 //按钮【按钮一】的回调
20                  layer.close(index);//关闭弹框
21               },
22               btn2: function(index, layero){
23                 //按钮【按钮二】的回调
24                 alert(2);
25                 //return false 开启该代码可禁止点击该按钮关闭
26               },
27               btn3: function(index, layero){
28                 //按钮【按钮三】的回调
29                 alert(3);
30                 //return false 开启该代码可禁止点击该按钮关闭
31               }
32               ,cancel: function(){ 
33                 //右上角关闭回调
34                 alert("你点击了右上角的X");
35                 //return false 开启该代码可禁止点击该按钮关闭
36               }
37             });        
38         </script>

  

转载于:https://www.cnblogs.com/shixingwen/p/6986679.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在前端开发中,layer是一个常用的弹框插件,而select是HTML中用于创建下拉选项的元素。如果layer弹框内的select被遮挡,可能是由于层级(z-index)的设置问题。 首先,我们需要确认layer弹框和select元素的层级设置。如果layer弹框的层级较低,即z-index值较小,而select元素的层级较高,那么select元素将会覆盖在layer弹框的上方,导致被遮挡。为了解决这个问题,我们可以通过设置layer弹框的z-index值较高,确保它处于所有其他元素的上方。 其次,我们还需要考虑到select元素本身的特性。在某些情况下,浏览器会将select元素渲染为原生控件,这将导致其层级无法被前端代码所控制,使其无法在layer弹框之上显示。为了解决这个问题,我们可以尝试使用一些针对select元素的插件或工具,例如select2等,来美化select元素并解决其层级问题。 最后,除了层级设置,还有一些其他因素可能导致layer弹框内的select被遮挡,例如其他元素的定位设置、overflow属性等,都可能影响弹框和select元素的显示。因此,在处理这类问题时,我们不仅要检查层级设置,还需要仔细审查代码和CSS样式,找出可能影响元素显示的潜在因素,并进行相应的调整。 总而言之,当layer弹框内的select被遮挡时,我们应该检查层级设置、选择合适的插件或工具,并仔细排查其他可能的因素,以确保select元素能够正确显示在layer弹框之上。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值