【问题标题】:CSS and Javascript not work [closed]CSS和Javascript不起作用[关闭]
【发布时间】:2014-01-24 11:44:00
【问题描述】:
我是 CSS 和 JS 的新手。
我正在尝试按照http://jsfiddle.net/juanmendez/v9zkB/ 的说明在页面中放置一个“滑块”。我把html、js、css文件放在同一个目录下。然后我在 html 头中包含 js 和 CSS 源,如下所示(另外,我包含引导文件):
<head>
<title>test_slider</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" />
<script language="javascript" type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="slider_test.css" />
<script language="javascript" type="text/javascript" src="slider_test.js"></script>
</head>
但是js或者css对html页面没有影响。
【问题讨论】:
标签:
javascript
html
css
web
frontend
【解决方案1】:
您需要在标题中包含 jquery 库。在任何脚本之前将其添加到标题中
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
编辑:
没有看到你的答案 mpa4Hu。但是,是的,请确保在任何其他脚本之前添加 jquery 库
基本上应该是这样的:
<head>
<title>test_slider</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script language="javascript" type="text/javascript" src="bootstrap/js/bootstrap.js"> </script>
<link rel="stylesheet" type="text/css" href="slider_test.css" />
<script language="javascript" type="text/javascript" src="slider_test.js"></script>
</head>
【解决方案2】:
您是否加入了jQuery?
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
在左侧的jsFiddle 中显示Frameworks & Extensions,您可以看到已加载的jQuery 依赖项