添加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);
              }
            })
        }

</script>



<script type="text/javascript">
  $("#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