嗨,大家好我在这里的情况
我有一个订购食物的页面,它可以正常添加到购物车但有一个问题,其删除项目按钮点击事件剂量不能按预期执行。
我加载页面时工作正常,我的意思是如果我使用F5刷新页面。 如果在购物篮中添加了另一个商品,然后按删除按钮,则会在网址中显示#sign,然后转到页面顶部。它应该打印到控制台的位置'删除项目'
这是加载页面时的PHP代码
$total = 0;
$index = 0;
if(isset($_SESSION['order_array'])){
foreach ($_SESSION['order_array'] as $value) {
echo '<div class="row">';
echo '<div class="col-md-2"><a href="#" id="' . $index . '" class="removeItemCLS"> <span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span> </a></div>';
echo '<div class="col-md-7">' . $value['product_name'] . '</div>';
echo '<div class="col-md-3"><div class="pull-right">' . $value['price'] . '</div></div>';
echo '</div><br />';
$total = (float) $total + $value['price'];
$index++;
}
}
当用户添加另一个由jQuery post ...
完成的项目时$('.addbasketCLS').click(function(event){
var itemID = $(this).attr('id'),
output = "",
cart_total = 0;
$.post("addtobasket_json.php",
{
product : itemID
},
function(data){
$("#cart_result").empty();
$(data).each(function(index,item) {
output = setCartContent(index, item);
cart_total += +item.price;
$("#cart_result").append(output);
});
$("#cart_total").empty();
$("#cart_total").html(cart_total.toFixed(2));
});
return false;
});
下面的setCartContent()方法
function setCartContent(index, data){
return '<div class="row">' +
'<div class="col-md-2"><a href="#" id="' + index + '" class="removeItemCLS"> <span class="glyphicon glyphicon-minus-sign" aria-hidden="true"></span> </a></div>' +
'<div class="col-md-7">' + data.product_name + '</div>' +
'<div class="col-md-3"><div class="pull-right">' + data.price + '</div></div>' +
'</div><br />';
}
为rermoveItem点击事件
$('.removeItemCLS').click(function(event){
console.log('remove Item : ');
return false;
});
如果在刷新页面后不再有任何项目,它可以正常工作...如果我添加一个项目,我将不得不刷新页面以使其正常工作。
我出错的任何想法
此致