jQuery modal dialog auf die Seite laden

Ich versuche nur zu tun, eine einfache modale Meldung " beim laden der Seite. Es gibt Unmengen von posts zu tun, aber ich kann immer noch nicht scheinen, damit es funktioniert.

Habe ich diese im Kopf

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">                                         
$(document).ready(function() {                         
 $("#ModalMessage").dialog({modal: true});  
});
</script>

und in den Körper

<div id="ModalMessage" title="Test" style="display:none;">
yadda yadda yadda
</div>

Dachte ich, dass war alles, was nötig war, aber alles, was ich bekommen ist eine leere Seite, keine Ahnung?

TIA

InformationsquelleAutor Analog | 2011-11-11
  1. 1

    Ihre Skript-tags im Kopf angeordnet sind. JQuery sollte der erste sein, dann die jquery-ui. Dies würde verhindern, dass die jquery-ui - (und damit auch die dialog-plugin) ausgeführt werden.

    • passiert den besten von uns!
    InformationsquelleAutor natedavisolds
  2. 0

    Dialog ist standardmäßig ausgeblendet. Versuchen Sie, den autoOpen = true.

    $("#ModalMessage").dialog({modal: true, autoOpen : true});

    Andernfalls müssen Sie zum auslösen des öffnen-Ereignis:

    $("#ModalMessage").dialog("open")
    • autoOpen: true ist der default-Wert als writtent in der Dokumentation
    InformationsquelleAutor Niels
Schreibe einen Kommentar