关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)


Posted in Javascript onDecember 14, 2016

最近的项目用的bootstrap前端,手机刚刚更新IOS9发现其中的modal有个bug,首页点弹出框会出现问题,找了好多资料终于找到解决办法。在CSS中加入以下代码

CSS

body { 
 padding-right: 0px !important 
} 
.modal-open { 
 overflow-y: auto; 
}

PS:bootstrap datepicker 在bootstrap modal中不显示问题

可以通过在 input 输入框之外 嵌套 <span style="position: relative; z-index: 9999;"> 完美解决问题。

修改前:

<div class="input-group">
  <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ 'now'|date('Y-m-d') }}">
  <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>

修改后:

<div class="input-group">
  <span style="position: relative; z-index: 9999;">
    <input type="text" class="form-control date-picker" data-date-format="yyyy-mm-dd" name="contract_date" id="contract_date" value="{{ 'now'|date('Y-m-d') }}">
  </span>
  <span class="input-group-addon"><i class="fa fa-calendar bigger-110"></i></span>
</div>

以上所述是小编给大家介绍的关于BootStrap modal 在IOS9中不能弹出的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
DWZ table的原生分页浅谈
Mar 01 Javascript
window.location 对象所包含的属性
Oct 10 Javascript
jQuery中click事件用法实例
Dec 26 Javascript
js中取得变量绝对值的方法
Jan 03 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
基于d3.js实现实时刷新的折线图
Aug 03 Javascript
jquery操作ID带有变量的节点实例
Dec 07 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
Dec 26 Javascript
loading动画特效小结
Jan 22 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
微信小程序request请求后台接口php的实例详解
Sep 20 Javascript
JS中使用new Option()实现时间联动效果
Dec 10 Javascript
实例解析angularjs的filter过滤器
Dec 14 #Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 #Javascript
javascript中对象的定义、使用以及对象和原型链操作小结
Dec 14 #Javascript
JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
Dec 14 #Javascript
javascript中的try catch异常捕获机制用法分析
Dec 14 #Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 #Javascript
AngularJS指令中的绑定策略实例分析
Dec 14 #Javascript
You might like
类的另类用法--数据的封装
2006/10/09 PHP
PHP nl2br函数 将换行字符转成 &amp;lt;br&amp;gt;
2009/08/21 PHP
codeigniter发送邮件并打印调试信息的方法
2015/03/21 PHP
PHP中把错误日志保存在系统日志中(Windows系统)
2015/06/23 PHP
彻底搞懂PHP 变量结构体
2017/10/11 PHP
PHP中$GLOBALS与global的区别详解
2019/03/21 PHP
Js 订制自己的AlertBox(信息提示框)
2009/01/09 Javascript
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
Event altKey,ctrlKey,shiftKey属性解析
2013/12/18 Javascript
jQuery之字体大小的设置方法
2014/02/27 Javascript
js解析json读取List中的实体对象示例
2014/03/11 Javascript
JavaScript中匿名、命名函数的性能测试
2014/09/04 Javascript
JS 实现列表与多选框选择附预览动画
2014/10/29 Javascript
node.js使用npm 安装插件时提示install Error: ENOENT报错的解决方法
2014/11/20 Javascript
JS实现5秒钟自动封锁div层的方法
2015/02/20 Javascript
javascript获得当前的信息的一些常用命令
2015/02/25 Javascript
Nodejs如何搭建Web服务器
2016/03/28 NodeJs
AngularJS操作键值对象类似java的hashmap(填坑小结)
2016/11/12 Javascript
利用JavaScript对中文(汉字)进行排序实例详解
2017/06/18 Javascript
vue.js国际化 vue-i18n插件的使用详解
2017/07/07 Javascript
vue.js 微信支付前端代码分享
2018/02/10 Javascript
浅谈VUE-CLI脚手架热更新太慢的原因和解决方法
2018/09/28 Javascript
对angular 监控数据模型变化的事件方法$watch详解
2018/10/09 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
新手简单了解vue
2019/05/29 Javascript
vue项目中js-cookie的使用存储token操作
2020/11/13 Javascript
Python使用自带的ConfigParser模块读写ini配置文件
2016/06/26 Python
详解Python连接MySQL数据库的多种方式
2019/04/16 Python
在Django的View中使用asyncio的方法
2019/07/12 Python
python判断链表是否有环的实例代码
2020/01/31 Python
Django添加bootstrap框架时无法加载静态文件的解决方式
2020/03/27 Python
OpenCV读取与写入图片的实现
2020/10/13 Python
2014年应届大学生自我评价
2014/01/09 职场文书
李强优秀员工观后感
2015/06/16 职场文书
车间安全生产管理制度
2015/08/06 职场文书