java之点击一次之后失效_JavaScript 事件绑定只能执行一次了，再次点击就变得无效 ，求助怎么回事...

点击收藏，弹出提示框，询问是否取消收藏，然后点击提示框里面的关闭按钮，关闭提示框后。再次点击那个触发事件的 收藏按钮就会无效 图片描述

var collectionBtn = document.querySelectorAll('.collection-center .collection-shouc');

var Ceng = "

×

确定 取消

";

for(var i = 0; i

collectionBtn[i].addEventListener('click',addEvent,false);

}

function addEvent(){

if(document.querySelector('#alert')){

shows();

}else{

document.body.innerHTML += Ceng;

shows();

}

}

function shows(){

var ale   = $('.alert');

var ale_k =  ale.find('.alert-k');

ale.show(500);

ale_k.slideDown(200);

hides();

}

function hides(){

var ale = $('.alert');

$('.alert-k').on('click', '.alert-k-close', function(){

$(this).parent().slideUp(200);

$(this).parent().parent().hide(500);

});

}