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

Question

我关注this文章，了解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;
}); 

希望这能解决您的问题。