Question

我有一个网页，其中包含大量要处理的数据。我想要做的是在每个页面加载时显示一个包含广告的模态。

<div id="myModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
                <h4 class="modal-title"><i class="fa fa-exclamation-triangle" aria-hidden="true"></i>Before You Begin.</h4>
            </div>
            <div class="modal-body">

            </div>
        </div>
    </div>
</div>

<script>
$(function(){
    $("#myModal").modal('show');
})
</script>

在这个模态标题中，我有一个图标和标题。模态正确地弹出窗口。但我的问题是，当这个模态打开时，图标会在模态打开后几秒钟出现。

Answer 1

我想你会为图标添加cdn：

CDN https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css

下载css（最佳方式）或添加链接：

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

在我的codepen中运行良好：https://codepen.io/ricopo/pen/vmXwbK

为什么图标在模态加载几秒后出现

1 个答案: