Javascript jQuery-单击“不为动态CSS筛选的元素工作”

假设我有：

<a href="http://foo.com" class="SiteClass">

我有以下无法启动的JavaScript：

$("a .SiteDown").on('click', function(e){
  e.preventDefault();
  e.stopPropagation();
  alert('Clicked SiteDown');
});

---

当单击带有class

SiteDown

的链接时，我需要什么才能触发警报（或那里的任何其他代码），请记住可以动态添加此类。

如果选择器不正确，请删除空间以使用class选择器将其转换为元素

$("a.SiteDown").on('click', function(e){
  //....
});

到现在为止，它的后代选择器

$("a.SiteDown").on('click', function(e){
  //....
});

---

在接近操纵选择器时，请使用

on（）

---

代替

文档

您应该使用最近的静态容器。

在您的代码

$（“a.SiteDown”）

中，您正在寻找一个元素，该元素是

a

的子元素，删除空格就可以了。使用

$（“a.SiteDown”）

表示类

SiteDown

谢谢，我已经解决了选择器问题。现在，对于加载页面时已经有SiteDown类的元素，这可以正常工作，但对于我通过

addClass（）

@Dr.Avalanche向其添加的任何内容，都不会触发event@Dr.Avalanche，最新答案

$(document).on('click', "a.SiteDown", function(e){
  //....
});