<!-- 当点击待收货链接时,异步请求数据 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>