在.remove()和.append()之后返回我的事件按钮

Get back my event on button after .remove() and .append()

本文关键字：我的 事件 按钮 返回 append remove 之后      更新时间：2023-09-26

我有一个复选框按钮上的点击事件，我在我的点击事件中删除，我用另一个值再次追加它。我的问题是点击事件不再工作后，新的追加。

<input class="year" type="checkbox" value="2015" /> 2015 <br>

$(".year").click(function(){
    $(".col-md-12").remove(); //i remove the div which contains the checkbox 
    $.ajax({
        url: "criteria_search",          
        type: 'POST', 
        data: {
            criteria: "authors", 
            value: "test" 
        },
        success: function(data) { 
            articles = $.parseJSON(data)
            $("#AppendToElem").append(" <div class='"col-md-12'"> <h2> Search Results <'/h2> <p> <span>There are<'/span> <strong>3974<'/strong> <span>results for:<'/span> <strong>Computer Animation and Virtual Worlds<'/strong> <'/p> <p> <a class='"btn'" href='"#'"><'/a> <'/p> <div class='"row'"> <div class='"col-md-3'"> <h3> Filter List <'/h3> <div class='"form-group'"> <label for='"exampleInputEmail1'"> Year <'/label><br>");   
            $.each(articles, function(index, jsonObject){
                $("#AppendToElem").append("<input class='"year'" type='"checkbox'" value=" + jsonObject.date.date.substring(0, 4) + " /> " + jsonObject.date.date.substring(0, 4) + "<br>") 
            });
        )
    });
});

在我点击我的复选框后，第二次点击事件没有处理。我该如何解决这个问题?

使用on代替。它应该工作，即使你追加checkbox后:

$(document).on("click",".year",function(){
 $(".col-md-12").remove();//i remove the div which contains the checkbox 
 ..other code...
});
相关文章：