我有一个链接,在页面加载时我动态添加一个“id”,该链接显示注销。
单击注销链接时,我需要执行 ajax。我能够添加 ID,但点击不起作用。
下面是我的代码:
$(document).ready(function(){
$('ul#main-navigation li').each(function(index) {
var text = jQuery.trim($(this).text());
if (text == "Log Off") {
$(this).children().attr('id',"log_out_link");
}
});
});
$(document.body).on('click', '#log_out_link', function(e){
e.preventDefault();
alert("edsddd");
return false;
});
感谢任何帮助。
答案:
$(document).ready(function(){
$('ul#main-navigation li').each(function(index) {
var text = jQuery.trim($(this).text());
if (text == "Log Off") {
$(this).children().attr('id',"log_out_link");
// onclick staff here
$('#log_out_link').on('click', function(e){
e.preventDefault();
alert("edsddd");
return false;
});
}
});
});
最佳答案
试试这个。 jQuery 找到要添加的 DOM。
$(document).ready(function(){
$('ul#main-navigation li').each(function(index) {
var text = jQuery.trim($(this).text());
if (text == "Log Off") {
$(this).children().attr('id',"log_out_link");
// onclick staff here
$('#log_out_link').on('click', function(e){
e.preventDefault();
alert("edsddd");
return false;
});
}
});
});
关于javascript - 单击时不适用于动态添加的链接 ID 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50351710/