JQuery Почему не работает toggleClass здесь?

Question

Я использую этот код:

$(".heading.media").click(function (event) { 
    $("#cart").toggleClass("active"); 
    $('#cart').load('index.php?route=module/cart #cart > *'); 
}); 

Но по какой-то причине .toggleClass("active") не работает. Он открывается, но после этого я не могу переключиться.

Когда я удаляю $('#cart').load('index.php?route=module/cart #cart > *');, он работает нормально.

Почему $('#cart').load('index.php?route=module/cart #cart > *'); вызывают проблемы?

Answer 1

Попробуйте выбрать элемент методом event delegation и попробуйте использовать его.

$(document).on('click', '.heading.media', function (event) { 
    $("#cart").toggleClass("active"); 
    $('#cart').load('index.php?route=module/cart #cart > *'); 
});