2013-05-30 27 views
0

當我使用aptana運行我的項目時,Web瀏覽器向我顯示了HTML + CSS,但我無法用該按鈕迭代。該按鈕上有一個jQuery腳本:jquery未在項目中運行HTML,CSS

$(document).ready(function(){ 
$('#button').click(function(){ 
    var toAdd = $('input[name=checkListItem]').val(); 
    $('.list').append('<div class="item">' + toAdd + '</div>'); 
}); 
}); 

<!DOCTYPE html> 
<html> 
    <head> 
     <title>To Do</title> 
     <link rel="stylesheet" type="text/css" href="stylesheet.css"/> 
     <script type="text/javascript" src="script.js"></script> 
    </head> 
    <body> 
     <h2>To Do</h2> 
     <form name="checkListForm"> 
      <input type="text" name="checkListItem"/> 
     </form> 
     <div id="button">Add!</div> 
     <br/> 
     <div class="list"></div> 
    </body> 
</html> 
+3

你在哪裏包括jQuery庫? – lifetimes

+0

請顯示HTML –

+1

這是[working](http://jsfiddle.net/vucko/hRhuY/)。你必須在你的項目中包含JQuery。 – Vucko

回答

1

您需要包含jQuery庫。

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