添加click事件
来源:互联网 发布:淘宝闪电退款 编辑:程序博客网 时间:2024/05/20 07:32
<!-- 当点击待收货链接时,异步请求数据 2016-06-05-->
<script type="text/javascript">
var waitGetGoods_url = "{:U('index/personcenter/waitGetGoods')}";
function waitGetGoods(){
// alert("hello");
$("#waitGetGoods").css("color","#FF6733").parent().siblings().children().css("color","#757575")
$("#waitGetGoods").css("display","block").siblings().css('display','none');
$.ajax({
url: waitGetGoods_url,
type: 'post',
dataType: 'json',
// data:{uid:uid},
success:function(data){
// var htmls='';
var html = '';
$.each(data, function(index, val) {
html +='<li class="uc-order-item uc-order-item-finish"><div class="order-detail"><div class="order-summary"> <div class="order-status">'+val.status+'</div></div><table class="order-detail-table"><thead><tr><th class="col-main"> <p class="caption-info">'+val.time+'<span class="sep">|</span>'+val.consignee+'<span class="sep">|</span>订单号:<a href="//order.mi.com/user/orderView/1160517425116122">'+val.number+'</a><span class="sep">|</span>在线支付</p> </th><th class="col-sub"> <p class="caption-price">订单金额:<span class="num">'+val.total+'</span>元</p> </th> </tr></thead><tbody><tr><td class="order-items"><ul class="goods-list"><li><div class="figure figure-thumb"><a href="//item.mi.com/1160100031.html" target="_blank"> <img src="//i1.mifile.cn/a1/T1D_djBKYT1RXrhCrK!80x80.jpg" alt="" height="80" width="80"> </a></div> <p class="name"> <a href="//item.mi.com/1160100031.html" target="_blank"></a> </p> <p class="price">'+val.subtotal+'元 × '+val.quantity+'</p> </li></ul> </td><td class="order-actions"> <a class="btn btn-small btn-line-gray" href="">订单详情</a><a id="confirm" class="btn btn-small btn-line-gray" href="javascript:void(0)">已收货</a> <a class="btn btn-small btn-line-gray" href="" target="_blank">申请售后</a> </td></tr></tbody> </table> </div></li>';
// htmls+=html;
});
// $('#J_orderList').html(htmls);
$('#J_orderList').html(html);
}
})
}
$("#confirm").click(function(event) {
alert("message");
});
<script type="text/javascript">
var waitGetGoods_url = "{:U('index/personcenter/waitGetGoods')}";
function waitGetGoods(){
// alert("hello");
$("#waitGetGoods").css("color","#FF6733").parent().siblings().children().css("color","#757575")
$("#waitGetGoods").css("display","block").siblings().css('display','none');
$.ajax({
url: waitGetGoods_url,
type: 'post',
dataType: 'json',
// data:{uid:uid},
success:function(data){
// var htmls='';
var html = '';
$.each(data, function(index, val) {
html +='<li class="uc-order-item uc-order-item-finish"><div class="order-detail"><div class="order-summary"> <div class="order-status">'+val.status+'</div></div><table class="order-detail-table"><thead><tr><th class="col-main"> <p class="caption-info">'+val.time+'<span class="sep">|</span>'+val.consignee+'<span class="sep">|</span>订单号:<a href="//order.mi.com/user/orderView/1160517425116122">'+val.number+'</a><span class="sep">|</span>在线支付</p> </th><th class="col-sub"> <p class="caption-price">订单金额:<span class="num">'+val.total+'</span>元</p> </th> </tr></thead><tbody><tr><td class="order-items"><ul class="goods-list"><li><div class="figure figure-thumb"><a href="//item.mi.com/1160100031.html" target="_blank"> <img src="//i1.mifile.cn/a1/T1D_djBKYT1RXrhCrK!80x80.jpg" alt="" height="80" width="80"> </a></div> <p class="name"> <a href="//item.mi.com/1160100031.html" target="_blank"></a> </p> <p class="price">'+val.subtotal+'元 × '+val.quantity+'</p> </li></ul> </td><td class="order-actions"> <a class="btn btn-small btn-line-gray" href="">订单详情</a><a id="confirm" class="btn btn-small btn-line-gray" href="javascript:void(0)">已收货</a> <a class="btn btn-small btn-line-gray" href="" target="_blank">申请售后</a> </td></tr></tbody> </table> </div></li>';
// htmls+=html;
});
// $('#J_orderList').html(htmls);
$('#J_orderList').html(html);
}
})
}
</script>
$("#confirm").click(function(event) {
alert("message");
});
</script>
注释:这个点击事件是不生效的,因为id=confirm是在json返回的数据中。我们应该用live或者
$("div").delegate("button","click",function(){ $("p").slideToggle();});
解释:$("任何的父级").delegate("绑定的id","click",function(){
$("p").slideToggle();});
<script type="text/javascript">
$("body").delegate("#confirm","click",function(event){
alert("message");
});
</script>
0 0
- 添加click事件
- EChars添加click事件
- 添加click事件
- ichart添加click事件
- AngularJS 添加Click事件
- 自定义LinearLayout 添加click事件
- 如何为click事件添加beforclick事件
- QT为QLabel添加Click事件
- ExtJS中给Label添加click事件
- QT为QLabel添加Click事件
- jquery 添加标签不响应click事件
- 为iframe中的body添加click事件
- jQuery 用each() 添加click事件
- 为每个按钮添加Click事件
- [JQuery]随心所欲添加删除按钮Click事件
- QT为QLabel添加Click事件
- flex动态添加button并添加click事件
- click事件
- 第十三周项目1.4—分数类中的运算符重载
- 论文测试
- python itertools模块指南
- 手机开发实战76——端口介绍2
- Linux下Socket相关的头文件
- 添加click事件
- iOS 版本检测更新方法
- 手机开发实战77——端口介绍3
- MATLAB-遗传算法
- 智能指针与数组
- 手机开发实战78——URL简介
- 高德地图:按F12都查不到切片坐标,想了个办法自己测试出结果,谷歌切片也是这样排列的吗?
- Uri Demo
- BSOJ: 2699 【ZJOI2010】基站选址