我正在创建一个网页，用户在其中通过单击按钮选择一个项目。所选项目的详细信息将显示在一个保管箱中。目前，如果用户再次选择它，我可以让它更新数量。我遇到的问题是，如果用户首先单击 btnBuy1 （详细信息显示在保管箱中），然后单击 btnBuy2 （再次显示详细信息），但是当他们再次单击 btnBuy2 时，来自 btnBuy2 的详细信息已更新但btnBuy1 的详细信息消失了。
$("#btnBuy0").click(function()
{
if (!sessionStorage['quantity0'])
{
sessionStorage['quantity0'] = 1;
$("#dropbox").append('<span id = "0"><img class = "thumb" src="../images/21_metoyou.jpg" />' + teddy[0].desc + ", Price £"
+ teddy[0].price + ", Quantity: " + sessionStorage.getItem('quantity0') + "</span><br/>");
}
else
{
sessionStorage['quantity0']++;
$("#dropbox").html('<span id = "0"><img class = "thumb" src="../images/21_metoyou.jpg" />' + teddy[0].desc + ", Price £"
+ teddy[0].price + ", Quantity: " + sessionStorage.getItem('quantity0') + "</span><br/>");
}
if (Modernizr.sessionstorage)
{ // check if the browser supports sessionStorage
myids.push(teddy[0].partnum); // add the current username to the myids array
sessionStorage["ids"]=JSON.stringify(myids); // convert it to a string and put into sessionStorage
}
else
{
// use cookies instead of sessionStorage
}
});
$("#btnBuy1").click(function()
{
if (!sessionStorage['quantity1'])
{
sessionStorage['quantity1']=1;
$("#dropbox").append('<span id = "1"><img class = "thumb" src="../images/birthday_metoyou.jpg" />' + teddy[1].desc + ", Price £"
+ teddy[1].price + ", Quantity: " + sessionStorage.getItem('quantity1') + "</span><br/>");
}
else
{
sessionStorage['quantity1']++;
$("#dropbox").html('<span id = "1"><img class = "thumb" src="../images/birthday_metoyou.jpg" />' + teddy[1].desc + ", Price £"
+ teddy[1].price + ", Quantity: " + sessionStorage.getItem('quantity1') + "</span><br/>");
}
if (Modernizr.sessionstorage)
{ // check if the browser supports sessionStorage
myids.push(teddy[1].partnum); // add the current username to the myids array
sessionStorage["ids"]=JSON.stringify(myids); // convert it to a string and put into sessionStorage
}
else
{
// use cookies instead of sessionStorage
}
});