Javascript 在加载后创建的对象上使用jQuery选择器

我正在学习一个由其他人创建的JQuery项目（总是很有趣）

看起来，原作者正在页面元素上创建一个翻滚的popover。popover具有按钮，例如“class=deleteBtn”。最初，我无法使用典型的jQuery选择器“on”方法让此链接响应单击，因此我不得不这样做：

$(document).on('click', '.deleteBtn', function () {
        alert('foo')         
    });

这确实显示了警报。然而，现在我需要隐藏和显示这个popover中的元素，我又遇到了选择器问题。例如，这不起作用：

$(document).on('click', '.deleteBtn', function () {
        $('.prompt1').hide();
    });

其中，prompt1是popover中的第一个div，.deleteBtn的祖先

---

我在这里遗漏了什么？

最重要的是，在你开始黑客攻击之前，花点时间了解一下以前的程序员在想什么。不要只是把代码贴在代码上，然后当它“不起作用”时感到沮丧。尊重以前的开发人员的努力。学习和理解他们的代码；深入他们的头脑，找出他们用来解决问题和满足需求的系统

话虽如此

我的第一个直觉是，有其他事件绑定到所讨论的DOM元素，它们通常包含对event.preventDefault（）的调用。这可能会阻止您的事件触发

这些元素还附加了哪些其他事件？将单击事件附加到文档和.deleteBtn类的作用域是很奇怪的；还有别的事。这些弹出窗口是否使用事件委派？如果是这样，委派的事件可能会覆盖您的事件

当你说“popover”时，这意味着一个单独的浏览器窗口（还记得那些旧的“popunder”广告吗？）。你是说这个，弹出式还是模态？如果你说的是弹出型或模态，他们可能使用了模态插件，比如lightbox。如果是这样的话，试着确定他们使用哪个插件来创建弹出框。如果它们是自定义的，请仔细查看用于显示和隐藏它们的系统

检查CSS中的z索引设置。不知道我被这个咬了多少次。z索引设置不正确时，div正确显示。。。但在其他内容之下！记住，要使z-index工作，容器div必须有一个位置样式集；e、 g.位置：相对、位置：绝对等

你有什么错误吗

---

希望这有帮助

只要该元素在单击该按钮时存在，就可以了。可能还有更多。提示1。。。所以你选错了