Replacewith() Jquery

Question

函数replaceWith()有问题。

我创造了一个日历。当我选择一天，我有交叉出现的数字(以添加一个事件)。

如果我单击另一天，将再次显示选定的第一天的编号，并将十字架显示在我的第二选择上。

然而，如果我试图再次点击第一选择，什么都不会发生(没有交叉)。

这里有一个测试链接，它会更清晰：http://www.fatal-destiny.com/calendrier/

$(document).ready(function() {
$('#calendrier td a').click(function(){

    var nbReplace = $("span[class='replace']").length;
    if(nbReplace > 0)
    {
        var nbEvenements = $("span[data-evenement='1']").length;
        var jour = $("span[class='replace']").attr('data-valeur');
        var dateComplete = $("span[class='replace']").attr('data-date');
        if(nbEvenements > 0)
            $("span[class='replace']").replaceWith('<a href="#" class="'+dateComplete+'" style="display: inline-block;width: 200px; height: 120px; line-height: 120px; color: #ce2d2d;">'+jour+'</a>');
        else
            $("span[class='replace']").replaceWith('<a href="#" class="'+dateComplete+'" style="display: inline-block;width: 200px; height: 120px; line-height: 120px;">'+jour+'</a>');
    }

    var elemH2 = $(this);
    var elem = $(this).attr('class');
    var res = elem.split("-"); 
    $.get( "charger_nb.php", { date: elem }, function( data ) {
        if(data == 0)
            elemH2.replaceWith('<span class="replace" data-valeur="'+res[0]+'" data-date="'+elem+'"><a href="#" onClick="ajouterEvenement(\''+elem+'\'); return false;"><img src="images/ajouter.png" alt="Ajouter" title="Ajouter un événement" class="opacite" /></a></span>');
        else
            elemH2.replaceWith('<span class="replace" data-valeur="'+res[0]+'" data-date="'+elem+'" data-evenement="1"><a href="#" onClick="ajouterEvenement(\''+elem+'\'); return false;"><img src="images/ajouter.png" alt="Ajouter" title="Ajouter un événement" class="opacite" /></a> <a href="#" onClick="voirEvenement(\''+elem+'\'); return false;"><img src="images/voir.png" alt="Voir" title="Voir les événements" class="opacite" /></a></span>');
    });
});
});

一个主意？

Answer 1

事件处理程序中目标的整个锚元素被替换为span，然后再次将其放回，但现在锚点是动态插入的，您需要委托事件

替换

$('#calendrier td a').click(function(){ 

使用

$('#calendrier').on('click', 'td a', function(){