javascript在加载时无法工作

javascript在加载时无法工作,javascript,Javascript,页面上的javascript需要在页面加载时工作。因此,我尝试在代码中添加documentready函数。它似乎不起作用 $(文档).ready(函数(){ 功能附加项(项目){ var itemInvot=item.cloneNode(true); ItemInboint.onclick=function(){removietem(this);}; var cart=document.getElementById(“cart”); cart.appendChild(itemInvot); }

页面上的javascript需要在页面加载时工作。因此,我尝试在代码中添加documentready函数。它似乎不起作用

$(文档).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>