Javascript/jQuery重定向到页面
Javascript/jQuery redirect to page
我使用的是simplecart js。这是一家非常简单的商店,只有一种产品。当有人点击添加到购物车按钮时,我想自动重定向到购物车页面。
添加产品的代码:
<div class="simpleCart_shelfItem">
<h2 class="item_name"> Awesome T-shirt </h2>
<p> <input type="text" value="1" class="item_Quantity"><br>
<span class="item_price">$35.99</span><br>
<a class="item_add" href="javascript:;"> Add to Cart </a></p>
</div>
simpleCart.js:中的侦听器
/* here is our shelfItem add to cart button listener */
, { selector: 'shelfItem .item_add'
, event: 'click'
, callback: function () {
var $button = simpleCart.$(this),
fields = {};
$button.closest("." + namespace + "_shelfItem").descendants().each(function (x,item) {
var $item = simpleCart.$(item);
// check to see if the class matches the item_[fieldname] pattern
if ($item.attr("class") &&
$item.attr("class").match(/item_.+/) &&
!$item.attr('class').match(/item_add/)) {
// find the class name
simpleCart.each($item.attr('class').split(' '), function (klass) {
var attr,
val,
type;
// get the value or text depending on the tagName
if (klass.match(/item_.+/)) {
attr = klass.split("_")[1];
val = "";
switch($item.tag().toLowerCase()) {
case "input":
case "textarea":
case "select":
type = $item.attr("type");
if (!type || ((type.toLowerCase() === "checkbox" || type.toLowerCase() === "radio") && $item.attr("checked")) || type.toLowerCase() === "text") {
val = $item.val();
}
break;
case "img":
val = $item.attr('src');
break;
default:
val = $item.text();
break;
}
if (val !== null && val !== "") {
fields[attr.toLowerCase()] = fields[attr.toLowerCase()] ? fields[attr.toLowerCase()] + ", " + val : val;
}
}
});
}
});
// add the item
simpleCart.add(fields);
}
}
]);
});
根据我所读到的内容,使用href="javascript:;"是一种不好的做法,将其更改为单击功能,将项目添加到购物车,然后转到购物车页面,还是只添加重定向?我该怎么做?感谢
我不确定simplecart APi是如何工作的,但您可以尝试以下操作:
// add the item
simpleCart.add(fields);
window.location='/cart/'; // change to your cart route
如果购物车保存到服务器cookie,您可能需要将其放入回调中。
相关文章:
- 无法从jquery Mobile导航栏重定向到另一个页面
- 通过JQuery重定向到另一个页面
- jQuery/JS获胜't在表单验证后重定向
- Javascript/jQuery重定向到页面
- 在Jquery easyui中,多个选项卡提交按钮点击事件正在重定向到主页(第一个)选项卡
- 下拉菜单重定向使用AJAX和JQuery或Javascript
- 如何使用 JavaScript 或 Jquery 重定向页面
- jQuery onClick() IE 中的音效和重定向
- jQuery Ajax 调用重定向到被调用的 URL 而不是相同的模板
- jQuery移动显示页面5秒钟,然后重定向
- Jquery在页面重定向后执行鼠标单击
- 使用jquery进度条重定向到表单提交后的另一个页面
- 带有post值的JS jQuery重定向,不带<表单>
- JQuery/Javascript-当倒计时为零时重定向到上一页
- jQuery在表单提交和重定向后发出警报
- jQuery滑块在第4次单击时重定向
- jQuery可丢弃重定向
- jquery超大型stop_top重定向
- 在Javascript或Jquery中使用多个变量重定向
- JQuery Mobile,通过window.location重定向可阻止页面显示事件