一尘不染

Safari / iOS / iPhone上的Bootstrap模态问题

css

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>

阅读 453

收藏
2020-05-16

共1个答案

一尘不染

这些天,我遇到了同样的问题,并且发现,就某件事而言,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>
2020-05-16