Javascript JQuery单击不起作用

我有以下简单的html块：

<span class="change_ordering show-list" data-ordering-by="product_list" data-ordering-direction="desc">By list</span>

当我点击它时，什么也没发生。但是当我将这个js代码粘贴到Google Chrome js控制台时，它工作得非常好。JS在我的站点上运行良好，我可以执行其他JQuery操作。我还试图编写

$（'.change\u ordering.show list'）

和

$（'span.change\u ordering.show list'）

和

$（'span.show list'）

，但仍然没有进展。我错过了什么

---

编辑：此元素不会被ajax删除。我不明白为什么它是重复的。

请按以下方式应用

$(document).on("click",".show-list",function(){})

---

它会工作的

您检查firebug中的错误了吗？基本上，该代码会工作。唯一的原因是，如果在运行

$（'.show list'）

时文档中不存在span（例如，稍后添加）。您的代码实际上可以工作。看这把小提琴。当您尝试此操作时，控制台中出现任何错误。因此，通过接受Paresham的回答，您将显示该范围是在页面加载后创建的。@mplungjan此范围是使用禁用的javascript创建的。请解释为什么它不同以及为什么它会工作。它适用于动态附加dom元素，也适用于我。我不知道为什么，但非常感谢@pareshm我知道，但既然这是你的答案，你就应该解释：）

$(document).on("click",".show-list",function(){})