Question

我正在尝试在动态创建的click标记上注册anchor个事件，但它无效。以下是代码

var location = 's';

$('#phone').on('click', 'a', function(event) {
  console.info('Anchor clicked!');
  event.preventDefault();
  return false;
});

for(var i = 0; i < 5; i++) {
  $("div#phone").append('<ul><a href="#" id = "' + location + '"> rajeev </a></ul>');
}

查看Fiddle

编辑更新的小提琴链接

Answer 1

您的代码运行良好，请检查浏览器的控制台或更改控制台以获取警报：

$('#phone').on('click', 'a', function(event) {
  alert('Anchor clicked!');
  event.preventDefault();
  return false;
});

Answer 2

如果在循环之后放置代码，则工作正常。

https://jsfiddle.net/3oy472om/

for(var i = 0; i < 5; i++) {
  $("div#phone").append('<ul><a href="#" id = "' + location + '"> rajeev </a></ul>');
}

$('#phone a').on('click', function(event) {
  alert('Anchor clicked!');
  event.preventDefault();
  return false;
});

无法在动态创建的锚标记上添加click事件

2 个答案: