dialog schließen mit der Schaltfläche - JQuery-UI

Ich versuche, zu erstellen Sie eine Schaltfläche zum schließen "- dialog" - Fenster in JQuery-UI.

Öffnen Sie den dialog bin ich mit diesem code:

$(".show .edit_site").click(function (){
    rel = $(this).attr("rel");

    $("#dialog_edit").dialog({
            modal: true,
            open: function () {
                $(this).load("<?= site_url()?>/sites/show_update?id="+rel+"&mode=popup");
            },
            close: function() {
                //some code
            },
            height: 370,
            width: 900,
            title: 'Some title'
     });
});

Den dialog geöffnet und alles ist in Ordnung.
Aber die Frage ist nun, wie schließe ich den dialog durch einen Klick auf die Schaltfläche in das Dialogfeld?

dialog schließen mit der Schaltfläche - JQuery-UI
Danke Euch allen und sorry für mein schreckliches Englisch 🙂

Ich habe versucht, jede mögliche Lösung, dieser der einzige, der für mich funktioniert:

function close_dialog()
{
    //Close jQuery UI dialog 

    $(".ui-dialog").hide();
    $(".ui-widget-overlay").hide();
}

InformationsquelleAutor roev | 2012-07-23

  1. 14

    Es ist einfach, fügen Sie einfach die Taste, die als Teil des Dialogfelds Optionen:

    $("#dialog_edit").dialog({
    modal: true,
    open: function () {
        $(this).load("<?= site_url()?>/sites/show_update?id="+rel+"&mode=popup");
    },
    height: 370,
    width: 900,
    title: 'Some title',
    buttons: {
        'button text' : function() {
            $(this).dialog('close');
        }
    }
});
    Ich kann diesen verwenden. Aufgrund von Beschränkungen der code.
    Okay, also die Lösung von Ingenieur arbeiten soll.

    InformationsquelleAutor bfavaretto

  2. 9

    Können Sie 'schließen' Methode:

    $("#dialog_edit").on('click', '#closeButtonId', function(){
     $(this).closest("#dialog_edit").dialog('close');
});
    dies wird nicht funktionieren :\
    Sie brauchen, um zu ersetzen Sie 'closeButtonId' durch die entsprechende id für die Schaltfläche. Haben Sie es getan ? Was id oder class Ihre Taste hat?
    Ja so mache ich das. aber es immer noch nicht funktionieren.
    Ich habe meine modifizierten code, versuchen Sie es erneut, indem Sie das.
    noch nicht arbeiten. Es kann angeschlossen werden, um die event line: $(".show .edit_site").click ? übrigens, das click-Ereignis in das popup ist ok, nur Linie, sollte, schließen Sie das popup nicht funktioniert.

    InformationsquelleAutor Engineer

  3. -1

    Habe ich versucht den folgenden code und es funktionierte 

     $('#btnClose').click(function () {
     window.parent.jQuery('#msgbox').dialog('close');
 });

    InformationsquelleAutor Raj Kumar

Schreibe einen Kommentar