關閉按鈕上的彈出窗口，在局部視圖中單擊

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

它將起作用，我們需要引用以下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

Answer 3

我想我現在看到了。 該按鈕是動態加載的，因此

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