JavaScript(jQuery) | проблема с заменой className для кнопки

164

14 июня 2021, 17:30

У меня есть кнопка. Я ей заменяю класс

var portalBox = jQuery('#portal-box');
portalBox.find(cancelClass).text('Cancel');
portalBox.find(cancelClass).attr('class','cancel');

Класс меняется, всё отлично. Но когда я хочу делать действия с новым классом, ничего не происходит. Будто jQuery не видит его.

jQuery('.cancel').on("click", function() {
alert('tested');

});

Как сделать так, что когда я меняю кнопке class, я мог работать с новым классом?

Answer 1

У вас не работает т к нужно подписать на событие динамический элемент

$("body").on('click','.E.btn',function(){alert("E");}); 
$("body").on('click','.C.btn',function(){alert("C");}); 
$("#changeClass").click(function(){ 
  $(".btn").toggleClass("E").toggleClass("C").html($(".btn").hasClass("C") ? "C" : "E"); 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<button class="E btn">E</button> 
<button id="changeClass">Change class</button>

Создание эксклюзивного проекта в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

svg miterlimit на две отдельные линии

Есть 2 линии с 4-мя точками: одна линия = 2 точки Необходимо применить один miterlimit stroke-miterlimit-svg сразу к 2-ум линиям так, как он применяется по умолчанию...

132

javascript