функция нажмите не работает в JQuery

Question

У меня есть две кнопки мыши функции в файле,

$('#login').click(function() { 
    // something 
    // also adding the logout part 
    $('#navigation').append('<li id="logout"><a href="#" >Logout</a></li>'); 
}); 

$('#logout').click(function() { 
    // something 
}); 

Когда я загружаю страницу в первый раз, сделайте логин, а затем непосредственно делать выход из системы, в размере $ («# выхода из системы») .click() не работает. Теперь, если я обновляю страницу, она начинает работать. Неправильный способ предоставления функций щелчка. Или это так, поскольку #logout не создается в начале $ ('# logout'). Click() не загружен?

Answer 1

Вы должны использовать делегирование событий:

$('#navigation').on('click','#logout',function() { 
    // something 
}); 

или прикрепить событие после добавления в DOM:

$('#login').click(function() { 
// something 
// also adding the logout part 
$('#navigation').append('<li id="logout"><a href="#" >Logout</a></li>'); 

$('#navigation').on('click','#logout',function() { 
    // something 
}); 
}); 

Answer 2

может быть, по одной из этих причин:

-Может вы использовали ложный класс или идентификатор (возможно)

---

-Когда вы заходите, возможно, вы используете ajax и добавляете на свою страницу новый элемент, если это правда, вы не можете использовать общие функции jquery, вам необходимо Прикрепить функцию обработчика событий для одного или нескольких событий к выбранным элементам по .on()

два способа использования .on():

function logout() { 
     alert("clicked"); 
    } 
    $("#logout").on("click", logout); 

другой путь:

$("body").on("click", "#logout", function() { 
     alert("logout"); 
    });