【发布时间】:2023-04-01 11:45:03
【问题描述】:
尝试将我的输入添加到列表中,但我不断收到错误消息。 谁能帮帮我吗? 代码如下:
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');
});
});
【问题讨论】:
-
你是否在页面中包含了 jQuery...
-
你是否包含了 jquery 文件
-
如果你认为你已经包含了它,请检查它是否有错别字。
-
如果包含...您是否使用了
noConflict选项...如果是,请尝试jQuery(document).ready(function($){...}); -
@DavidTrinh:除非你故意混淆,
app.js不是 jQuery。
标签: javascript jquery