添加click事件

<!-- 当点击待收货链接时,异步请求数据 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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue中,可以通过使用指令来动态添加click事件。一个常用的指令是v-on,它可以用于监听DOM事件并触发相应的方法。为了实现动态添加click事件,在Vue中可以使用一个变量来判断是否需要添加或者去掉事件。例如,假设有一个变量clickFlag用于标识是否需要添加click事件: ``` <template> <div> <button v-if="clickFlag" v-on:click="handleClick">点击事件</button> <button v-else>没有事件</button> </div> </template> <script> export default { data() { return { clickFlag: true } }, methods: { handleClick() { // 点击事件的逻辑处理 } } } </script> ``` 在上述代码中,通过v-if指令和clickFlag判断是否显示具有click事件的按钮。当clickFlag为true时,按钮将显示,并绑定了handleClick方法作为click事件的处理函数;当clickFlag为false时,显示另外一个没有事件的按钮。这样就实现了动态添加click事件的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Vue中如何给动态生成的元素绑定点击事件](https://blog.csdn.net/xzg199153/article/details/122730073)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Vue根据条件添加click事件的方式](https://download.csdn.net/download/weixin_38552871/13982249)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值