如何编写委托的 .on("click"

Question

我有将被创建和销毁的按钮。我在下面有这段代码。 #showContainer 是ajax'ing，click 是action，showPrevious 是用户交互的按钮。

$("#showContainer").on( "click", "#showPrevious", function()
{
    $.ajax(
    {
        url: "flip/showprevious.php",
        cache: false,
        success: function(html)
        {
            $("#showContainer").html(html);
        }
    });
});

这是根据 jsHint 的有效 JavaScript。添加这个后，这个和它下面的所有代码行都不起作用。我的 cPanel 和 WAMP 服务器没有显示任何错误。我已经详尽地阅读了关于 .on() 的 jQuery 文档。

疑难解答 我尝试将 .on() 附加到加载时页面上已经存在的几个不同的可能父元素。我尝试将 .on() 附加到其他按钮，以查看按钮是否有问题，但这也没有奏效。我认为这可能与我正在重新创建曾经存在的东西并且它混淆了我的代码这一事实有关。我尝试将 id 更改为 class 并将 # 更改为 . accoridingly，但这也没有奏效。无论如何，这些都不应该破坏javascript代码。我确定这是我在这里分享的代码。当我将其注释掉时，其他一切都按预期工作。

注意事项。我使用的是 .click()，它适用于第一次单击，但在单击之后，会重新创建 showPrevious 按钮，并且 .click() 将不再起作用，因为加载时新的 showPrevious 不在页面上。

总结嗯，这就是我掌握的所有信息。我无法想象其余的代码是相关的，但如果是，请告诉我要查找的内容。

Answer 1

应该是这样的：

$(document).on("click","#showContainer #showPrevious", function()
{
    $.ajax(
    {
        url: "flip/showprevious.php",
        cache: false,
        success: function(html)
        {
            $("#showContainer").html(html);
        }
    });
});