大佬教程收集整理的这篇文章主要介绍了Safari / iOS / iPhone上的Bootstrap模态问题,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
这些天,我遇到了同样的问题,并且发现,就某件事而言,iOS上的Safari与其他浏览器的工作方式有所不同。当缺少href =“#”时,模式窗口不会在野生动物园中显示,但会在许多其他浏览器中显示。
在Safari / iOS上无法使用,但在其他浏览器上无法使用:
<li><a data-toggle="modal" data-target="#testModal">Modal</a></li>
在Safari / iOS和其他浏览器上工作:
<li><a href="#" data-toggle="modal" data-target="#testModal">Modal</a></li>
Bootstrap模式淡入效果在Chrome / Internet Explorer上可以完美运行,但在iPhone /
Safari上不起作用。有人可以解决这个问题吗?
<div class="modal fade" id="notice" tabindex="-1" role="dialog" aria-labelledby="notice" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<img src="https://random.Hellyer.kiwi/files/2013/11/wiley-coyote-Help.jpg" />
| wait,I'm updating...
</div>
</div>
</div>
</div>
<script>
$('#notice').modal('show');
setTimeout(function () {
$('#notice').modal('hide');
},3000);
</script>
以上是大佬教程为你收集整理的Safari / iOS / iPhone上的Bootstrap模态问题全部内容,希望文章能够帮你解决Safari / iOS / iPhone上的Bootstrap模态问题所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。