Bootstrap 异常

博客主要讲述了两个问题。一是在model弹出层上自定义弹出层,其input输入框无法获取焦点、不能输入,原因是Bootstrap框架只支持一层model层,解决方案是去掉弹出层最外层div的tabindex属性;二是按钮过大但代码没问题,原因是<button>标签内有回车。

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

input输入框失效

问题描述:

  在model弹出层上面又自定义了一个弹出层,自定义弹出层上面有input输入框,但是却获取不了焦点,无法输入。网上找了下原因:Bootstrap框架目前只支持一层model层,即当前model层上无法再用model弹出层。

解决方案:

  • 将弹出层最外层div的 tabindex属性去掉即可(如下面的代码示例,将tabindex这个属性去掉,不要改变其属性值,改变属性值是没用的)

<div class="modal fade" id="template-modal" tabindex="-1" role="dialog" aria-hidden="true">

  • 隐藏上一层,等编辑完成之后,再显示

 

按钮过大,但是代码没问题

 

问题原因:

<button>标签内有回车

 

代码书写方式为

 

<button type="button" dojoType="bootstrap.form.Button" tabindex="-1"

 

dojoAttachPoint="btnDeletePicture" class="btn btn-default btn-sm">

 

${nls.DELETE_IMAGES}

 

</button>

 

转载于:https://www.cnblogs.com/7q4w1e/p/9548444.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值