您的位置:首页 > 其它

点击按钮不刷新页面

2012-10-03 20:08 148 查看
$('.list_r_list_button>img').click(function(e){
var id=$(this).next().val();
$.post('../shopping/cart_list.action',{'book.id':id});
$(this).next().next().children('span').html("已添加至购物车").fadeOut(2000);
});
 

<span class="list_r_list_button">
<img src='../images/buttom_goumai.gif'/>
<input type="hidden" value="${id}"/>
<span> <span></span></span>
</span>
 

.list_r_list_button>img样式选择,第一个img元素
click(function(e) 绑定点击事件
$.post('../shopping/cart_list.action',{'book.id':id}); post方式传参,
(url,参数),book.id为设置的属性,id=$(this).next().val();id从隐藏表单
里面取
$(this)当前img(被绑定对象),.next(),接下来的元素,.val隐藏表单中的value值

<span> <span></span></span>
父级span 下有个 空格,为了子级别span中的元素在fadeout后撑起空间
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  list function url
相关文章推荐