0

我有一个模式弹出窗口只是为了确认。单击“继续”时，它会关闭并转到控制器操作删除并返回。但是返回视图后，没有显示摘要消息验证 div，这正是我想要的。

这是带有 div 代码的模态：

<div id="delete-dialog" title="Confirmation">
    <p>Are you sure you want to delete this?</p>
</div>

<script type="text/javascript" lang="javascript">
    //$(document).ready(function () {

        $(function () {
            var deleteLinkObj;


            $('.delete-link').click(function () {
                deleteLinkObj = $(this);  //for future use
                $('#delete-dialog').dialog('open');

                return false; // prevents the default behaviour
            });

            $('#delete-dialog').dialog({
                autoOpen: false,
                width: 400,
                height: 250,
                resizable: false,
                modal: true, //Dialog options

                buttons: {
                    "Continue": function () {
                        $.post(deleteLinkObj[0].href, function (data)
                        {  //Post to action
                            if (data == '')
                            {

                            }
                            else
                            {

                            }

                        });

                        $(this).dialog("close");
                    },
                    "Cancel": function ()
                    {
                        $(this).dialog("close");
                    }
                }
            });
        });
    //})
</script>

所以我基本上想要它做的是，如果单击“继续”，则转到控制器，并显示摘要消息。

那么从控制器来后如何“停止”jquery函数的执行呢？

我从这个网站得到了模式代码

4

1 回答 1

1

您应该在帖子之后在回调中使用.append of 。jQuery

因为你没有显示任何 div。我假设 div 为

<div id="summary"></div>

这就是你最终对话框的样子：

$('#delete-dialog').dialog({
        autoOpen: false,
        width: 400,
        height: 250,
        resizable: false,
        modal: true, //Dialog options

        buttons: {
            "Continue": function () {
                $.post(deleteLinkObj[0].href, function (data)
                {  //Post to action
                    if (data == '')
                    {

                    }
                    else
                    {
                        $('#summary').append(data); // this will append the content in data to your div with id as summary
                    }

                });

                $(this).dialog("close");
            },
            "Cancel": function ()
            {
                $(this).dialog("close");
            }
        }
    });

希望能帮助到你

于 2013-02-08T12:19:11.173 回答