Uncaught Error: Bootstrap's JavaScript requires jQuery

最新推荐文章于 2023-09-06 23:21:09 发布

原创最新推荐文章于 2023-09-06 23:21:09 发布 · 511 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#bootatrap #css外部文件不起作用

HTML 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个常见的网页加载问题，即确保jQuery和Bootstrap等资源文件的加载顺序正确无误，以避免样式和脚本失效的情况发生。正确的加载顺序是首先加载jQuery.min.js，然后加载Bootstrap的JS文件，最后引入外部CSS样式。

注意：必须先引用jquery.min.js文件，然后再引用botstrap的js，引入外部css文件放在顺序最后，否则外部样式也不起作用。

<head>
		<meta charset="UTF-8">
		<title>时光购物嘉城</title>
	<!--	<link rel="stylesheet" type="text/css" href="css/sg_index.css" />报错：注意引入的外部css样式也需要放在jquery 和bootstrap之后-->
		<script src="bootstrap-3.3.5/js/jquery.1.4.2-min.js"></script>
		<script src="bootstrap-3.3.5/js/bootstrap.js"></script>		
		<link href="bootstrap-3.3.5/css/bootstrap.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/sg_index.css" /><!--注意顺序很重要，必须先引用jquery.min.js文件，然后再引用botstrap的js-->
</head>