Schließen Sie das popup-Fenster auf eine Schaltfläche klicken Sie in der Teilansicht

Ich bin laden eine teilweise Ansicht in einem popup-Fenster mit dem folgenden code

$(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;
    }
);

});

die Aktion MyAction lädt eine Teilansicht sagen "Myview" erfolgreich "Myview" enthält die Schaltfläche "schließen" und klicken auf diese Schaltfläche möchte ich schließen Sie das popup, Wie kann ich dies tun? Ich habe versucht, folgenden code, aber dieser funktioniert nicht.

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

Können Sie bitte helfen?

Hier ist mein html-Code für die Teilansicht.

@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>

InformationsquelleAutor Parikshit | 2011-12-07

  1. 1

    Könnten Sie versuchen: 

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

    oder fügen Sie die schließen-buttons bei der Initialisierung von it -

    $( "#MyDiv" ).dialog({
        resizable: false,
        height:140,
        modal: true,
        buttons: {
            "Close": function() {
                $( this ).dialog( "close" );
            }
        }
    });
    $("#MyDiv").dialog("close") nicht funktioniert und ich nicht wollen, zu setzen mit den Schaltflächen in der Initialisierung der Knopf ist ein Teil des partiellen view gerendert wird, die in diesem dialog
    $("#MyDiv").dialog("close") funktioniert nicht in MVC5.

    InformationsquelleAutor Ryand.Johnson

  2. 0

    Ich glaube, ich sehe es jetzt. Diese Schaltfläche wird dynamisch geladen, so

    $("#MyButton").live("click", function(){ $("#MyDiv").dialog("close"); });
    Vielen Dank für die Hilfe Ryand, aber dieses ist nicht die Arbeit zu.
    können Sie Ihre html?
    kann jemand helfen auf diese bitte
    Können Sie versuchen in Ihrem javascript innerhalb der Funktion soll es sein #master nicht #MyDiv
    Eigentlich, vielleicht MyDiv ist richtig, wenn das ist, was ist in Ihrer Sicht enthält die partiellen

    InformationsquelleAutor Ryand.Johnson

  3. 0

    Es wird funktionieren, wir müssen finden Sie in den folgenden jQuery,jquery-ui.js und 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>

    für mehr details http://www.infinetsoft.com/Post/How-to-open-and-close-a-popup-in-asp-net-mvc-using-Jquery/99#.V0LlETV97cs

    InformationsquelleAutor Mohamed Rasik

Schreibe einen Kommentar