如何在动态内容上使用 jquery.confirm 插件

Question

我一直在寻找一些为我的 Web 应用程序创建确认对话框的选项，我决定选择一个看起来不错的选项，即 jquery.confirm.

它的正常用法是：

$("selector").confirm({
    options / functions
});

我的确认对话框触发了一个 ajax 事件，一切顺利，但是，ajax 函数会动态更改页面的内容，并且在第一次 ajax 调用后确认事件不起作用。

有没有办法从

调用确认函数

on("click", "selector", function(){

函数类型？

我可以复制我的代码，但这并不重要，因为我真正需要的是从动态生成的元素中触发此确认插件对话框。

提前感谢您的帮助！

Answer 1

您可以尝试使用 JqueryUI，它提供了类似的功能。

Answer 2

原来你可以这样做：

$("#wrapper").on("click", ".removeNode", function () {

        $(this).confirm({

            confirm: function (button) {
                nodeTitle = button.parent().attr("id");
                if (nodeTitle) {
                    $.ajax({
                        url: "NodeManager/RemoveNode",
                        async: "true",
                        type: "GET",
                        data: { "title": nodeTitle },
                        success: function (result) {
                            $("#NodeViewer").html(result);
                        }
                    });
                }
            }
        });
    });

唯一的问题是，它需要两次点击才能工作，但它似乎与“on”事件无关。

希望这对其他人也有帮助！