Javascript Codeigniter cart使用jQuery删除单个元素
我一直在尝试使用jQuery从我的购物车中删除一个元素,这样它就不会加载页面,但我无法检测到我丢失了什么。它删除了元素,但jQuery似乎有问题,因此它加载了页面。 下面是代码快照- 看法- js-Javascript Codeigniter cart使用jQuery删除单个元素,javascript,php,jquery,codeigniter,cart,Javascript,Php,Jquery,Codeigniter,Cart,我一直在尝试使用jQuery从我的购物车中删除一个元素,这样它就不会加载页面,但我无法检测到我丢失了什么。它删除了元素,但jQuery似乎有问题,因此它加载了页面。 下面是代码快照- 看法- js- 谢谢。您正在将单击事件分配给链接的父项。因此,您必须首先在单击链接时取消该链接的默认行为。然后单击事件自然会出现在其父级:td.remove。链接将不会被跟踪,td的点击处理程序将被执行 $("td.remove a").live("click", function(e) {
谢谢。您正在将单击事件分配给链接的父项。因此,您必须首先在单击链接时取消该链接的默认行为。然后单击事件自然会出现在其父级:td.remove。链接将不会被跟踪,td的点击处理程序将被执行
$("td.remove a").live("click", function(e) {
e.preventDefault();
});
$("td.remove").live("click", function() {
var rem = $('a.removecart').data();
alert(rem+"f");
$.get(link + "home/remove_cart", {rowid : rem} ,function(data) {
$.get(link + "home/show_cart", function(home) {
$("#cart_content").html(home);
});
});
如果这不起作用,请提供更多信息,因为最后有一个返回false,我不知道它来自哪里。您能再解释一下吗?另外,您正在使用一个长期不推荐使用的jQuery版本。live()和bind()的使用被on()取代,实际上我尝试了两者,但结果完全一样,我实际上在这里实现了一个购物车系统,在购物车菜单上可以有特定的产品,所以我使用jQuery更新了add to cart或empty cart,这很好,最后一部分是,从购物车中删除单个元素。因此,所有发生的事情都是删除项目,但同时也加载页面,因此jQuery在这里有些错误,但无法找到:/Where's the error?我所能看到的是,当您在请求服务器删除购物车项目后收到服务器的响应时,您会执行另一个请求,不管响应如何,以获取购物车的完整html代码。它在哪里失败?顺便说一句,您可以通过一个ajax请求来完成这一切。失败意味着,我的目标进程没有完成,使用jQuery我的目标是加载购物车而不刷新页面,但在这里,请求发出时总是加载页面
public function remove_cart($rowid) {
$this->cart->update(array(
'rowid'=>$rowid,
'qty' => 0
));
redirect(base_url().'home/purchase_order');
}
$("td.remove").live("click", function() {
var rem = $('a.removecart').data();
alert(rem+"f");
$.get(link + "home/remove_cart", {rowid : rem} ,function(data) {
$.get(link + "home/show_cart", function(home) {
$("#cart_content").html(home);
});
});
return false;
});
$("td.remove a").live("click", function(e) {
e.preventDefault();
});
$("td.remove").live("click", function() {
var rem = $('a.removecart').data();
alert(rem+"f");
$.get(link + "home/remove_cart", {rowid : rem} ,function(data) {
$.get(link + "home/show_cart", function(home) {
$("#cart_content").html(home);
});
});