亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

jq動態添加的元素使用on()無法綁定click事件

jq動態添加的元素使用on()無法綁定click事件

qq_笑_17 2018-09-07 11:10:44
使用jquery1.10版本,動態在一個div.里面增加a元素,包含有span子元素。我要在span子元素上添加一個click事件,點擊span元素刪除整個a元素,但是試了很多方法都不行,直接用clik ,不行,用on()方法也不行。     $(".tags .btn_confirm").click(function(){         var text = $(this).text();          //添加的a元素          var node  = $("<a href='#' class='tseleced btn_confirm'>"+text+ "<span class='tags_closebtn'>X</span></a>");                   if($(".tags_selected").children().length >= 8){                  $(".selector_warn").show();          }else{              $(".selector_warn").hide();              $(".tags_selected").append(node);          }                })       //這里使用on(),方法,console.log()沒有打印任何東西      $(".tags_closebtn").on("click",function(e){         console.log(e);          $(this).prev().remove()      })
查看完整描述

1 回答

?
夢里花落0921

TA貢獻1772條經驗 獲得超6個贊

使用live

$("button").live("click",function(){
  
});

原因是jquery的事件綁定在頁面加載時就已經完成,所以之后動態添加的class將無法綁上事件,所以使用live可以解決這個問題。不過live只支持jquery1.9以前(大概),之后版本的就可以使用

$('body').on("click", ".tags_closebtn", function () {

});


查看完整回答
反對 回復 2018-10-08
  • 1 回答
  • 0 關注
  • 1689 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號