如何在动态内容

时间:2015-10-14 17:59:43

标签: javascript jquery html ajax jquery-plugins

我一直在寻找为我的网络应用程序创建确认对话框的几个选项,我决定选择一个看似很好的选项,这是 jquery.confirm

正常用法是:

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

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

有没有办法从

调用确认功能
on("click", "selector", function(){

功能类型?

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

提前感谢您的帮助!

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

原来你可以这样做:

$("#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);
                        }
                    });
                }
            }
        });
    });

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

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