2015-09-16 85 views
0

嘗試將我的輸入添加到列表中,但我不斷收到錯誤。 任何人都可以幫我嗎? 下面是代碼:

HTML:

 <div class="add-item"> 
      <input id="item-add" type='text' placeholder="Enter item to shopping list..." name="itemAdd"></input> 
      <button class="add-btn">Add Item</button> 
     </div> 
     <div class="item-list"> 
      <H2>Shopping List</H2> 
      <ul class="shop-list"> 
       <li><input type="checkbox">Item 1</li> 
       <li><input type="checkbox">Item 2</li> 
       <li><input type="checkbox">Item 3</li> 
       <li><input type="checkbox">Item 4</li> 
       <li><input type="checkbox">Item 5</li> 
      </ul> 
     </div> 

的jQuery:

$(document).ready(function(){ 
    $(".add-btn").click(function(){ 
     var x = $('#item-add').val(); 
     $(".shop-list").append('x'); 
    }); 

}); 
+0

你在頁面中包括jQuery ... –

+0

你有沒有包括jquery文件 –

+0

如果你認爲你已經包括它,檢查它的錯別字。 – David

回答

2

需要包含的URL在<script>標籤srchttps://http://一部分。只需code.jquery.com/jquery.min.js就不會找到它:

<script src="https://code.jquery.com/jquery.min.js"></script> 

還要確保在您的代碼之前先包含jQuery。

3

您需要包括jQuery庫。在頭部添加這個。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

相關問題