jQuery live按钮点击不工作第二次- MVC

Question

我按照本文学习了一个使用MVC的简单CRUD操作。

我按照那篇文章中建议的那样绑定编辑按钮单击，如

$(".editDialog").live("click", function (e) {
        var url = $(this).attr('href');
        $("#dialog-edit").dialog({
            title: 'Edit Employee Detail',
            autoOpen: false,
            resizable: false,
            height: 455,
            width: 550,
            show: { effect: 'drop', direction: "up" },
            modal: true,
            draggable: true,
            open: function (event, ui) {
                $(this).load(url);
            },
            close: function (event, ui) {
                $(this).dialog('close');
            }
        });
        $("#dialog-edit").dialog('open');
        return false;
    }); 

但是，当我点击编辑按钮时，它只调用一次控制器动作，当我第二次点击它时，相同的信息在页面加载时再次加载。

我需要调用控制器动作，每次当我点击编辑按钮。有谁能帮我一下吗?

Answer 1

我认为它是这样做的，因为你的控制器的数据已经被jQuery UI对话框缓存，你正在制作这个对话框一次又一次的每次点击编辑按钮。所以你可能需要在对话框关闭后销毁它。

例子:

$(".editDialog").live("click", function (e) {
    var url = $(this).attr('href');
    $("#dialog-edit").dialog({
        // your exsiting options
        close: function (event, ui) {
            $(this).dialog('close');
            $(this).dialog('destroy'); // destroy the current dialog
        }
    });
    $("#dialog-edit").dialog('open');
    return false;
});