在bootstrap的modal中使用layer.open type=1 ,layer.open中的表单无法获得焦点

最新推荐文章于 2023-02-08 15:31:01 发布
最新推荐文章于 2023-02-08 15:31:01 发布
阅读量2.8k 收藏 1
点赞数 1
文章标签： bootstrap layer.open type1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_30682027/article/details/78889893
版权
bootstrap的modal和layer的open有冲突：
如果在modal中打开layer.open type=1,且layer.open中有表单控件，layer.open中的表单将获取不到焦点。


解决办法：
modal去除属性tabindex=‘-1’
欢欢2776479680
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
浅谈bootstrap layer.open中end的使用方法
10-16
今天小编就为大家分享一篇浅谈bootstrap layer.open中end的使用方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决select2在bootstrap modal中不能正常使用的问题
12-10
最近用bootstrap做前端框架，遇到select2单选框在bootstrap modal中不能正常使用，输入框不能获取焦点智能过滤；如下图： 解决方法一：在bootstrap.js的模态框js内加上 $.fn.modal.Constructor.prototype.enforceFocus = function() {}; 如图： 第二种情况，网上看到的，不是我的体验： 他是说：由于 select2和bootstrap模态框一起使用导致select2的input获取不到焦点问题 解决办法：是把页面中的模态框的属性 tabindex=”-1″ 删掉, 或者值改为1 如图： 我这样做了
bootstrap-4.6.2下载bootstrap.min.cssbootstrap.bundle.min.js
最新发布
11-12
bootstrap-4.6.2下载bootstrap.min.cssbootstrap.bundle.min.jsbootstrap-4.6.2下载
简单的layer.open弹出输入框样式
热门推荐
qq_36173194的博客
06-10 1万+
js代码 layer.open({ id:1, type: 1, title:'修改密码', skin:'layui-layer-rim', area:['450px', 'auto'], content: ' ' +'' +''
获取layer.open弹出层中bootstrap table选中行数据
真是适合睡觉的天气
09-03 2590
获取弹出层容器 var iframeWin = window[layero.find('iframe')[0]['name']]; 获取弹出层bootstrap table选中行数据 var selectTemplate = JSON.stringify(iframeWin.$('#bootstrap-table').bootstrapTable('getSelections')); ...
layer.open后，如果使弹出页面获取焦点
qq_36694046的博客
04-15 1331
第一步，父页面弹框设置 layui.use('layer', function () { var layer = layui.layer; layer.open({ shade: [0.1, "#fff", true], shift: 2, fix: false, title: ['新增订单', 'backgroup:#252325;color:breck;'], maxmin: true, .
用bootstrap layer 进行信息提示框，关提示框后执行其他事件
jiai032023的博客
02-08 226
用bootstrap layer 进行信息提示框，关提示框后执行其他事件
layui 子页面调用父页面方法 layer.open modal 关闭时调用父类方法
vransy的博客
11-04 1637
延迟一秒后关闭弹窗 并执行父类方法 setTimeout(function () { // 因为使用layui弹出 所以需要引用 var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
Bootstrap 模态框(Modal)与layer.prompt()冲突，layer.prompt()不起作用
山水子农
12-21 1万+
报表查询条件框是Bootstrap的模态框（Modal），点击保存按钮弹出layer.prompt()不能获取焦点，主要问题是Bootstrap的模态框（Modal）的div中包含tabindex="-1"。去掉tabindex="-1"就ok了，原始程序： × 报表查询条件 修改后：
bootstrap之模态框及layer弹窗
唐昊
02-17 949
资源下载：点击 参考网站：点击 参考网站(bootstrap)：点击 在线资源引用 <script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script> <script type="text/javascript" src="./layer/layer.js"></script> <link rel="stylesheet" hr
layer.open获取弹出层的input框的值
lyt的博客
03-11 2427
使用top.$(’#txtReason’).val();获取值 function unAuditData(id) { parent.layer.open({ type: 1, title: '未通过原因', skin: 'layui-layer-molv', closeBtn: 0, shadeClose: true, shade: false, area: ['300px', '18.
使用layer.open打开div，获取不到input/textarea的值的问题
kevin_chen技术博客
06-12 2689
开发中，使用layer在当前页面打开div，填入数据，使用js保存数据，但是发现无法使用js获取到div中input/textarea的值，查找了很多的资料，最后的解决方案：layer.open打开div(class为one)时，content参数 不要传入$(".one").html();改成传入$(".one");就可以了，但具体原因未知； ...
layui 中的layer.open，type为1是动态追加radio不渲染的问题
m0_37666587的博客
11-05 590
现在有个需求是content里面写html，但是radio一直渲染不出来，后来发现直接追加的元素写上这个就好了 <script>layui.form.render('radio');</script>
layui框架使用parent.layer.open时type为1时出现显示问题的解决办法
chen_153849588的博客
11-27 4281
一、问题描述：用parent.layer.open()，遮罩覆盖了弹出层，位置也有所偏移，排版上title也没有了，如下图，图片是之前在网上找的 二，解决办法：就是结合layui框架的laytpl 引擎模板使用 1，先在HTML页面中添加代码块 <script id="demo" type="text/html"> <h3>{{ d.title }}<...
layui的layer弹出层内置方法
weixin_44665610的博客
08-15 3407
基础参数 文章目录基础参数layer.config(options) - 初始化全局配置layer.ready(callback) - 初始化就绪layer.open(options) - 原始核心方法layer.alert(content, options, yes) - 普通信息框layer.confirm(content, options, yes, cancel) - 询问框layer.m...
前端ui框架layui——layer弹出层-内置方法
Smile__Mo的博客
06-15 7160
提示：本页内容所展示的内置方法是除了所有弹出方法(eg:layer.open)以外的，想看弹出方法请到这里————————内置方法——————————1.layer.config(options) - 初始化全局配置    这是一个可以重要也可以不重要的方法，重要的是，它的权利真的很大，尤其是在模块化加载layer时，你会发现你必须要用到它。它不仅可以配置一些诸如路径、加载的模块，甚至还可以决定整...
使用layer.open做视频弹出层时遇到的一些问题汇总
m0_46530861的博客
04-12 3100
layer.open中出现的一些问题汇总，包括 1. 为什么点击元素弹不出来 2. 为什么出现Error 404 3. 织梦本地视频和视频封面图片的调用 4. 视频弹出现滚动条 4.1. 引入url的视频出现滚动条 4.2. 引入本地视频出现滚动条 4.3. 视频点击弹出播放后父页面自动滚回顶部 4.4. 播放视频/打开图片底部出现白边） 等
layer.open中遇到的几个问题
qq_43026206的博客
03-31 545
1）type：2 时打开新的html 2）向新的页面传递参数 3）参数中含有中文 layui.use('layer',function(){ var layer = layui.layer; var test = layer.open({ type:2, title:[
以下是一个flume的conf文件，请帮我逐行解释一下代码：“#定义三大组件的名称 a.sources = r a.sinks = k1 k2 k3 a.channels = c1 c2 c3 #将数据流复制给所有channel a.sources.r.selector.type = replicating  # 配置Source组件 a.sources.r.type = exec a.sources.r.command = cat /home/bit/novel/novel.csv # kafka a.sinks.k1.type = org.apache.flume.sink.kafka.KafkaSink a.sinks.k1.kafka.topic = data a.sinks.k1.kafka.bootstrap.servers = localhost:9092 a.sinks.k1.kafka.flumeBatchSize = 20 a.sinks.k1.kafka.producer.acks = 1 a.sinks.k1.kafka.producer.linger.ms = 1 a.sinks.k1.kafka.producer.compression.type = snappy a.channels.c1.type = memory a.channels.c1.capacity = 100000 a.channels.c1.transactionCapacity = 100 # mysql a.sinks.k2.type =com.us.flume.MysqlSink a.sinks.k2.hostname=localhost a.sinks.k2.port=3306 a.sinks.k2.databaseName=novel a.sinks.k2.tableName=table1 a.sinks.k2.user=bit a.sinks.k2.password=123456 a.channels.c2.type = memory a.channels.c2.capacity = 100000 a.channels.c2.transactionCapactiy = 2000 # hdfs a.sinks.k3.type = hdfs a.sinks.k3.hdfs.path = hdfs://localhost:9000/user/bit/novel #积攒多少个Event才flush到HDFS一次 a.sinks.k3.hdfs.batchSize = 100 #设置文件类型，可支持压缩 a.sinks.k3.hdfs.fileType = DataStream #多久生成一个新的文件 a.sinks.k3.hdfs.rollInterval = 5 a.channels.c3.type = memory a.channels.c3.capacity =100000 a.channels.c3.transactionCapacity = 100 # Bind the source and sink to the channel a.sources.r.channels = c1 c2 c3 a.sinks.k1.channel = c1 a.sinks.k2.channel = c2 a.sinks.k3.channel = c3”
05-24
这个conf文件是用来配置Apache Flume进行数据采集、传输和存储的。下面是每一行代码的解释： ``` #定义三大组件的名称 a.sources = r a.sinks = k1 k2 k3 a.channels = c1 c2 c3 ``` 这三行代码定义了三个组件的名称，分别是源（source）、汇（sink）和通道（channel），这些名称将在接下来的配置中被用到。 ``` #将数据流复制给所有channel a.sources.r.selector.type = replicating ``` 这行代码配置了源组件的复制策略，即数据流将会被复制到所有的通道中。 ``` # 配置Source组件 a.sources.r.type = exec a.sources.r.command = cat /home/bit/novel/novel.csv ``` 这两行代码配置了源组件的类型和命令。这里使用的是exec类型的源组件，它会执行一个命令，这个命令将会输出一些数据，这些数据将会被Flume采集并传输到汇组件。 ``` # kafka a.sinks.k1.type = org.apache.flume.sink.kafka.KafkaSink a.sinks.k1.kafka.topic = data a.sinks.k1.kafka.bootstrap.servers = localhost:9092 a.sinks.k1.kafka.flumeBatchSize = 20 a.sinks.k1.kafka.producer.acks = 1 a.sinks.k1.kafka.producer.linger.ms = 1 a.sinks.k1.kafka.producer.compression.type = snappy ``` 这些代码配置了一个Kafka的汇组件，它将数据发送到一个名为"data"的Kafka主题中。其中kafka.bootstrap.servers指定了Kafka的服务器地址和端口，kafka.flumeBatchSize指定了每个批次发送的事件数量，producer.acks指定了要求的确认级别，producer.linger.ms指定了等待确认的时间，producer.compression.type指定了压缩方式。 ``` a.channels.c1.type = memory a.channels.c1.capacity = 100000 a.channels.c1.transactionCapacity = 100 ``` 这些代码配置了一个类型为内存的通道，它的容量为100000个事件，事务容量为100个事件。 ``` # mysql a.sinks.k2.type =com.us.flume.MysqlSink a.sinks.k2.hostname=localhost a.sinks.k2.port=3306 a.sinks.k2.databaseName=novel a.sinks.k2.tableName=table1 a.sinks.k2.user=bit a.sinks.k2.password=123456 a.channels.c2.type = memory a.channels.c2.capacity = 100000 a.channels.c2.transactionCapactiy = 2000 ``` 这些代码配置了一个MySQL的汇组件，它将数据写入到一个名为"table1"的表中。其中hostname指定了MySQL服务器的地址，port指定了端口号，databaseName指定了数据库名称，user和password指定了登录信息。 ``` # hdfs a.sinks.k3.type = hdfs a.sinks.k3.hdfs.path = hdfs://localhost:9000/user/bit/novel a.sinks.k3.hdfs.batchSize = 100 a.sinks.k3.hdfs.fileType = DataStream a.sinks.k3.hdfs.rollInterval = 5 a.channels.c3.type = memory a.channels.c3.capacity =100000 a.channels.c3.transactionCapacity = 100 ``` 这些代码配置了一个HDFS的汇组件，它将数据写入到HDFS中的一个目录中。其中hdfs.path指定了HDFS的地址和目录，hdfs.batchSize指定了每个批次发送的事件数量，hdfs.fileType指定了文件类型，hdfs.rollInterval指定了多久生成一个新的文件。 ``` # Bind the source and sink to the channel a.sources.r.channels = c1 c2 c3 a.sinks.k1.channel = c1 a.sinks.k2.channel = c2 a.sinks.k3.channel = c3 ``` 这些代码将源组件和汇组件分别绑定到相应的通道上。也就是说，源组件从c1、c2、c3中采集数据，并将数据发送到k1、k2、k3中去。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值