我用的是bootstrap的css,可是在实现过程中模态框怎么都不显示,我找了很久,发现了一个问题,<liink>标签声明后才可调用对应的<script>,例如:
<head>
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</body>
html基本格式,但是呢,你还得应用jquery吧
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
那两个<script>放的位置就讲究了
你先得实现<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>才能使用<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>模态框也基于javascript,也就是css基于javascript,你javascript都没渲染,css如何渲染?所以这个得将<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>放在<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>上面,也就是这个例子:
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
我是基于python的django框架.