jquery商品,jquery商品展示
JQuery或JS实现商品加入对比的代码
你好!
创新互联专注于昌江企业网站建设,成都响应式网站建设,商城网站定制开发。昌江网站建设公司,为昌江等地区提供建站服务。全流程按需搭建网站,专业设计,全程项目跟踪,创新互联专业和态度为您提供的服务
页面中显示的楼盘对比的导航,其中js有这样一段代码:
script
.....
init_comp_bar();
.....
/script
其中:
function init_comp_bar() {
............
set_fixed_position();
initCompareBar();
show_change(0);
setInterval(initCompareBar, 2000); //此句为关键
}
而这个initCompareBar 就是读取cookies并显示的方法:
function initCompareBar() {
var compCookie = Cookie.getCookie("wz_houseapp_compare");
if (g_comp_cookie == compCookie) {
return false;
} else {
g_comp_cookie = compCookie;
}
if (g_comp_cookie) {
var cookieArr = g_comp_cookie.split("||");
if (cookieArr.length 2) {
cmp_cont_change(0);
return false;
}
var cur_city = cookieArr[0];
if (cur_city != g_cur_city || cookieArr[1].length 2) {
cmp_cont_change(0);
return false;
}
var cmp_arr = cookieArr[1].split("|");
var cmp_len = cmp_arr.length;
if (cmp_len 1) {
cmp_cont_change(0);
return false;
}
var itemStr = "";
for (var i = 0; i cmp_len; i++) {
var house_info = cmp_arr[i].split(",");
itemStr += 'lispan title="删除" onclick="removeCompareItem(' + house_info[1] + ')"删除/span';
itemStr += 'a href="' + cur_city + '_' + house_info[1] + '/" target="_blank" ' + house_info[0] + '/a/li';
}
Fid("cmp_cont_item").innerHTML = itemStr;
cmp_cont_change(cmp_len);
} else {
cmp_cont_change(0);
}
setTopFrame();
}
希望对你有帮助!!
jquery怎么把商品数据传到接口
不是很明白?你想把前台的json传给后台吗?
如果是,加多个参数dataType:json,data:json_data,
即json_data = {
"pwd" : "password" // 可选
"address":"xxxxx,张三", //联系人 和收货地址放在一起
"mobile":"123456789",
"email":"email123@QQ.com"
};
希望能够帮到你!
jquery 点击商品,价格和库存也相应的发生变化
------------------javascript -------------------
function jia(id){
var t = $("#text_box_"+id);
var _price = parseInt($("#price_"+id).text());
var _val = parseInt(t.val())+1;
var result = (_val*_price).toFixed(2) ;
t.val(_val);
$("#total_"+id).html(result);
$("#totalmoney").html(getSum());
}
function getSum(){
var sum = 0;
$.each($("tdspan[id^='total_']"),function(){
var _val = parseFloat(this.innerText);
sum += _val;
})
return sum;
}
--------------------- html 片段---------------------
tr
tdspan class="b red" id="price_1"69/spanspan¥/span/td
tdimg src="../image/-.gif"align="absmiddle"onclick="jian(1)"/input id="text_box_1" name="count" type="text" class="put1" value="1"/img src="../image/-.gif" align="absmiddle" onclick="jia(1)"//td
tdspan class="b red" id="total_1"69/spanspan¥/span/td
td删除/td
/tr
------------------------------------------------
上面是我根据你的描述,进行了适当修改后的片段~~
基本原理就是对表格中的总价列进行了累加计算,最后写到 ”商品总金额“的位置。
标题名称:jquery商品,jquery商品展示
文章位置:http://ybzwz.com/article/dsscshp.html