Hallo,
ich füge ein div via JS hinzu:
JavaScript
if(numberOfCounts > 1){ $(".item--deleteBox").show(); $(".item--deleteBox").append("<span class='headline--deleteBox'>" + numberOfCounts + " Profile werden gelöscht?</span>" + "<div class='row'><span class='column small-5'><img class='img--cancel' src='../img/delete.png'/></span>"+ "<span class='column small-5'><img class='img--deleteSuccess' src='../img/save.png'/></span></div>"); } else if(numberOfCounts == 1) { $(".item--deleteBox").show(); $(".item--deleteBox").append("<span class='headline--deleteBox'>" + numberOfCounts + " Profil wird gelöscht?</span>" + "<div class='row'><span class='column small-5'><img class='img--cancel' src='../img/delete.png'/></span>"+ "<span class='column small-5'><img class='img--deleteSuccess' src='../img/save.png'/></span></div>"); }
Nun möchte ich auf die images img--cancel und img--deleteSuccess jeweils ein clickevent feuern, was aber nicht funktioniert:
JavaScript
$(".img--cancel").on("click", function(){ alert("click"); $(".item--deleteBox").hide(); $(".img--check").removeClass("isSelected"); $(".custom--checkbox").hide();
});
Die ganze FUnktion sieht so aus:
JavaScript
function deleteCustomer(){
$(".nav__link--profileoverview.delete").on("click", function(){ if($(this).hasClass("firstTime")){ $(".custom--checkbox").show(); $(".nav__link--profileoverview.delete").removeClass("firstTime"); $(".nav__link--profileoverview.delete").addClass("secondTime"); $(".custom--checkbox").on("click", function(){ var target = $(this).children(); target.toggleClass("isSelected"); target.toggle(); }); } else { $(".nav__link--profileoverview.delete").removeClass("secondTime"); $(".nav__link--profileoverview.delete").addClass("firstTime"); if($(".img--check").hasClass("isSelected")) { var numberOfCounts = $(".img--check.isSelected").length; if(numberOfCounts > 1){ $(".item--deleteBox").show(); $(".item--deleteBox").append("<span class='headline--deleteBox'>" + numberOfCounts + " Profile werden gelöscht?</span>" + "<div class='row'><span class='column small-5'><img class='img--cancel' src='../img/delete.png'/></span>"+ "<span class='column small-5'><img class='img--deleteSuccess' src='../img/save.png'/></span></div>"); } else if(numberOfCounts == 1) { $(".item--deleteBox").show(); $(".item--deleteBox").append("<span class='headline--deleteBox'>" + numberOfCounts + " Profil wird gelöscht?</span>" + "<div class='row'><span class='column small-5'><img class='img--cancel' src='../img/delete.png'/></span>"+ "<span class='column small-5'><img class='img--deleteSuccess' src='../img/save.png'/></span></div>"); }
} else { $(".custom--checkbox").hide(); } } }); $(".img--cancel").on("click", function(){ alert("click"); $(".item--deleteBox").hide(); $(".img--check").removeClass("isSelected"); $(".custom--checkbox").hide();
});}
Woran kann das liegen?
Danke und Grüße,
Sarah