2014-01-06 60 views
-6

我是CSS和JS的新手。CSS和Javascript不工作

我試圖在頁面中放置一個'滑動條',按照這個指令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> 

但沒有html頁面從JS或CSS的影響。

+0

你在控制檯看到什麼錯誤? – Steve

+0

頁面是否有一個正文? – putvande

+0

可能的重複[是否包含jQuery的Twitter Bootstrap?](http://stackoverflow.com/questions/11526594/does-twitter-bootstrap-include-jquery) – Phil

回答

3

您是否包含jQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

jsFiddle左側,它說:框架&擴展你可以看到jQuery的依賴加載

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>