jQuery на событии клика, не работающем над переключенным классом

Question

Я пробовал методы «on», «live» и «delegate» в jQuery, но ничего не работает.

Что я хочу сделать, это когда пользователь нажимает кнопку входа с классом .signin, чтобы переключить класс с именем .menu-open. и затем, я хочу предупредить что-то, когда я снова нажимаю на эту кнопку!

$(document).ready(function() { 
$(".signin").click(function(e) {   
    e.preventDefault(); 
    $(".signin").toggleClass("menu-open"); 
}); 
$('.menu-open').on('click', function() { 
    alert("SUCCESS"); 
}); 
}); 

Answer 1

пожалуйста, вы можете удалить эту линию

e.preventDefault(); 

preventDefault:

Если этот метод вызывается, действие по умолчанию события не срабатывает.

использовал этот код:

$(document).ready(function() { 
$(".signin").click(function() { 
    $(this).toggleClass("menu-open"); 
    $(".menu-open").bind("click", function() { 
    alert("SUCCESS"); 
    });  
}); 
}); 

работает нормально, проверьте здесь

Demo

Answer 2

Это потому, что на странице загрузки нет элемента с классом .menu-open в документе, так что запрос молча терпит неудачу , вы должны делегировать событие.

$(document).on('click', '.menu-open', function() { 
    alert("SUCCESS"); 
}); 

Обратите внимание, что с помощью статического родительского элемента является более эффективным, чем при использовании document объекта в качестве цели делегирования.