Question

我使用以下代码

在弹出窗口中加载部分视图

$(document).ready(function () {
    //define config object
    var dialogOpts = {
        title: "Mypopup",
        modal: true,
        autoOpen: false,
        height: 300,
        width: 700,
        open: function () {
            //display correct dialog content
            $("#Mydiv").load("MyAction");
        }
    };
    $("#Mydiv").dialog(dialogOpts);    //end dialog

    $("#MyButton").click(
    function () {
        $("#Mydiv").dialog("open");
        return false;
    }
);

});

动作MyAction加载部分视图成功说“Myview”，“Myview”包含一个关闭按钮，单击此按钮我要关闭弹出窗口，我该怎么做？我尝试了以下代码，但这不起作用。

$('#Close').click(
        function () {
            $(this).parent("close");
            return false;
        });

你能帮忙吗？

这是我的部分视图的html。

@Code 
    Using (Html.BeginForm())
        @<div id="master">
        <img alt ="" src ="../../Images/Question.gif" height ="50" width ="50" />@Html.DisplayFor(Function(model) model.ConfirmationMessage) @Html.HiddenFor(Function(model) model.Key )<br /><br />
        <div><input id="Yes" type="submit"  class ="btn" name="button" value="Yes" /><input id="No" type="submit"  class ="btn" name="button" value="No"  /></div>      
        </div>
    End Using
End Code
<script type="text/javascript">
    $("#No").live("click", function(){ $("#MyDiv").dialog("close"); }); </script>

Answer 1

你可以尝试：

$("#MyDiv").dialog("close")

或在初始化中添加关闭按钮

$( "#MyDiv" ).dialog({
        resizable: false,
        height:140,
        modal: true,
        buttons: {
            "Close": function() {
                $( this ).dialog( "close" );
            }
        }
    });

Answer 2

我想我现在看到了。该按钮是动态加载的

$("#MyButton").live("click", function(){ $("#MyDiv").dialog("close"); });

Answer 3

我们需要引用以下jQuery，jquery-ui.js和jquery-ui.css。

    $(function () {

        $("#dialog").dialog({

            modal: true,
            autoOpen: false,
            title: "jQuery Dialog",
            width: 500,
            height: 250

        });

        $("#btnShow").click(function () {

            $('#dialog').dialog('open');

        });         

    });

    function Close() {
      $('#dialog').dialog('close');

    };

</script>

了解更多详情http://www.infinetsoft.com/Post/How-to-open-and-close-a-popup-in-asp-net-mvc-using-Jquery/99#.V0LlETV97cs

关闭按钮上的弹出窗口，在局部视图中单击

3 个答案: