Die Prüfung, ob dialog-isOpen-Würfe "können nicht zum aufrufen von Methoden auf dialog vor der Initialisierung" Fehler

Ich bin mit einem Dialogfeld, und überprüfen Sie mit dem code, den ich gefunden in den docs

var isOpen = $( "#dialogName" ).dialog( "isOpen" );
$("#here").on("click", function(e){
    if(isOpen){
        $("#dialogName").dialog("close");
    } 
});

Manchmal bekomme ich die Fehlermeldung:

Uncaught Error: kann nicht zum aufrufen von Methoden auf dialog vor der Initialisierung;
versucht, rufen Sie die Methode 'close'

Und manchmal, dass es nicht finden können, isOpen. Was ich tun möchte, ist:

Klicken Sie auf #here es muss prüfen, ob der dialog ist lebendig close sonst nichts zu tun.

InformationsquelleAutor Inna | 2015-03-14
  1. 2

    isOpen ist eine Methode aufgerufen, die auf einem vorhandenen dialog, während der dialog wurde nicht noch initialisiert.

    Sollten Sie initialisieren den dialog zuerst dann innerhalb von click event-handler überprüfen Sie, ob das Dialogfeld isOpen derzeit. 

    //initialize the dialog:
var myDialog = $( "#dialogName" ).dialog({
    //dialog settings:
    autoOpen : false,
    //... 
});

$("#here").on("click", function(e){
    //on click, check if is opened:
    var isOpen = myDialog.dialog("isOpen");
    if(isOpen){
       myDialog.dialog("close");
    } 
});

    DEMO

    InformationsquelleAutor Artur Filipiak
  2. 9

    Scheint, wie Sie auch brauchen, um zu überprüfen, ob #dialogName wurde dialogified. Eine Möglichkeit zu überprüfen, ist der Blick auf die Klassennamen zugewiesen, um das dialog-element:

    $("#dialog").hasClass("ui-dialog-content") && $("#dialog").dialog("isOpen")

    Demo

    JS:

    $(function() {
  $("#init").one("click", function() {
    $("#dialog").dialog();
    $(this).val("Click to open dialog").on("click", function() {
      $("#dialog").dialog("open");
    });
  });
  $("#here").on("click", function(e) {
    if ($("#dialog").hasClass("ui-dialog-content") && $("#dialog").dialog("isOpen")) {
      $("#dialog").dialog("close");
    } else {
      alert("Dialog not initialized or dialog not open");
    }
  });
});

    CSS:

    @import url("//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.min.css");

    HTML:

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

<div id="dialog" title="Dialog title" style="display: none;">Dialog content</div>

<input type="button" id="init" value="Click to create dialog">
<input type="button" id="here" value="Click to close dialog">

    InformationsquelleAutor Salman A
Schreibe einen Kommentar