不斷收到錯誤：“未捕獲的ReferenceError：未定義$”

Question

嘗試將我的輸入添加到列表中，但我不斷收到錯誤消息。 誰能幫幫我嗎？ 這是代碼：

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');
    });

});

Answer 1

您需要包括jQuery庫。 將其添加到頭部。

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

Answer 2

您需要在<script>標記中包含src的URL的https://或http://部分。 只是code.jquery.com/jquery.min.js找不到它：

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

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