Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法

网友投稿 341 2023-06-25


Bootstrap弹出框modal上层的输入框不能获得焦点问题的解决方法

Bootstrap 弹出框modal上层的输入框不能获得焦点问题,具体内容如下

1.在使用Bootstrap框架中目前modal弹出框只支持一层

即在当前弹出框上不能再使用modal弹出框。

如果使用自定义的弹出框,例如:http://my.oschina.net/tianma3798/blog/737232

如果自定义弹出框中有input输入框,如果input 输入框不能获得焦点,则可能原因如下:

许多使用定义弹出层

class="form-control"

ng-model="entity.SchName" name="SchName" placeholder="长度3-30">

名称是必须的

最小长度3

最大长度30

placeholder="链接地址" />

姓名是必须的

链接格式不正确

placeholder="年份" />

姓名是必须的

请输入数字(年份)

<input type="hidden" name="Province" ng-model="entity.MonthList" />

解决方式是去掉 tabindex="0" 属性,然后就可以获得焦点了


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信页面倒计时代码(解决safari不兼容date的问题)
下一篇:Bootstrap3 datetimepicker控件使用实例
相关文章

 发表评论

暂时没有评论,来抢沙发吧~