javascript在加载时无法工作
页面上的javascript需要在页面加载时工作。因此,我尝试在代码中添加documentready函数。它似乎不起作用javascript在加载时无法工作,javascript,Javascript,页面上的javascript需要在页面加载时工作。因此,我尝试在代码中添加documentready函数。它似乎不起作用 $(文档).ready(函数(){ 功能附加项(项目){ var itemInvot=item.cloneNode(true); ItemInboint.onclick=function(){removietem(this);}; var cart=document.getElementById(“cart”); cart.appendChild(itemInvot); }
$(文档).ready(函数(){
功能附加项(项目){
var itemInvot=item.cloneNode(true);
ItemInboint.onclick=function(){removietem(this);};
var cart=document.getElementById(“cart”);
cart.appendChild(itemInvot);
}
功能删除项(项目){
var itemInItems=item.cloneNode(true);
itemInItems.onclick=function(){addItem(this);};
var cart=document.getElementById(“cart”);
搬运车(项目);
}
init();
});
任何建议都将不胜感激!我对javascript非常陌生,只想一步一步地学习它。首先,您希望页面使用更现代的jquery版本:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js" ></script>
然后,在正确链接jquery之后,您可以像这样重写代码:
<script>
function init(toAdd, toRemove){
addItem(toAdd);
removeItem(toRemove);
}
function addItem(item) {
var itemInCart = item.cloneNode(true);
itemInCart.on("click",function(){removeItem(this);});
$("#cart").appendChild(itemInCart);
}
function removeItem(item) {
var itemInItems = item.cloneNode(true);
itemInItems.on("click", function(){addItem(this);});
$("#cart").removeChild(item);
}
init($("#myAddedItem"), $("myRemovedItem"));
</script>
函数初始化(toAdd、toRemove){
附加项(toAdd);
删除项目(删除);
}
功能附加项(项目){
var itemInvot=item.cloneNode(true);
on(“单击”,function(){removietem(this);});
$(“#购物车”).appendChild(itemIntranet);
}
功能删除项(项目){
var itemInItems=item.cloneNode(true);
on(“单击”,函数(){addItem(this);});
$(“购物车”).removeChild(项目);
}
init($(“#myAddedItem”),$($(“myRemovedItem”);
这样,您就可以在页面的其他地方使用addItem和removeItem函数。您当前似乎已将它们设置为仅从页面初始化开始运行一次
我不确定您正在使用cloneNode做什么。
init()
未定义。此外,您在HTML中拼写错误了bodt
(body
)。我应该将其定义为什么?您试图将其用作什么?试图在我的项目中实现这一点,但它需要在加载时工作,而这并没有发生。正如@Jacedc所说,init()
是一个函数调用,而该函数似乎不存在。此外,从长远来看,学习代码并自己动手可能比复制和粘贴内容更有益。
<script>
function init(toAdd, toRemove){
addItem(toAdd);
removeItem(toRemove);
}
function addItem(item) {
var itemInCart = item.cloneNode(true);
itemInCart.on("click",function(){removeItem(this);});
$("#cart").appendChild(itemInCart);
}
function removeItem(item) {
var itemInItems = item.cloneNode(true);
itemInItems.on("click", function(){addItem(this);});
$("#cart").removeChild(item);
}
init($("#myAddedItem"), $("myRemovedItem"));
</script>