workaround for #4375

diff --git a/demos/dialog/modal-confirmation.html b/demos/dialog/modal-confirmation.html
index a5f6a1b26ff14a822316b689df64080e57f880e0..b8c9a7115a4c73d8c745bce95b32405c12fd11d5 100644 (file)
--- a/demos/dialog/modal-confirmation.html
+++ b/demos/dialog/modal-confirmation.html
@@ -12,7 +12,10 @@
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <script type="text/javascript">
        $(function() {
-               $("#dialog").dialog({
+               // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
+               $("#dialog").dialog("destroy");
+       
+               $("#dialog-confirm").dialog({
                        stackfix: true,
                        resizable: false,
                        height:140,
@@ -37,7 +40,7 @@
 
 <div class="demo">
 
-<div id="dialog" title="Empty the recycle bin?">
+<div id="dialog-confirm" title="Empty the recycle bin?">
        <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
 </div>
 

diff --git a/demos/dialog/modal-form.html b/demos/dialog/modal-form.html
index a40a8f4d0f3059a4aaf9e6eac5a71be2605bf3b7..32e3bbb638e42d605c95ea00a7390d3dd91a01c2 100644 (file)
--- a/demos/dialog/modal-form.html
+++ b/demos/dialog/modal-form.html
@@ -28,6 +28,8 @@
        </style>
        <script type="text/javascript">
        $(function() {
+               // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
+               $("#dialog").dialog("destroy");
                
                var name = $("#name"),
                        email = $("#email"),
@@ -63,7 +65,7 @@
 
                }
                
-               $("#dialog").dialog({
+               $("#dialog-form").dialog({
                        stackfix: true,
                        autoOpen: false,
                        height: 300,
@@ -103,7 +105,7 @@
                
                
                $('#create-user').click(function() {
-                       $('#dialog').dialog('open');
+                       $('#dialog-form').dialog('open');
                })
                .hover(
                        function() {
@@ -133,7 +135,7 @@
 
 <div class="demo">
 
-<div id="dialog" title="Create new user">
+<div id="dialog-form" title="Create new user">
        <p id="validateTips">All form fields are required.</p>
 
        <form>

diff --git a/demos/dialog/modal-message.html b/demos/dialog/modal-message.html
index 24db34239d57043dc77e9de8645bf49f1536de02..ca826b191f2aa5a8ddafb2c1cd1335e45830b9b3 100644 (file)
--- a/demos/dialog/modal-message.html
+++ b/demos/dialog/modal-message.html
@@ -12,7 +12,10 @@
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <script type="text/javascript">
        $(function() {
-               $("#dialog").dialog({
+               // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
+               $("#dialog").dialog("destroy");
+       
+               $("#dialog-message").dialog({
                        stackfix: true,
                        modal: true,
                        buttons: {
@@ -28,7 +31,7 @@
 
 <div class="demo">
 
-<div id="dialog" title="Download complete">
+<div id="dialog-message" title="Download complete">
        <p>
                <span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
                Your files have downloaded successfully into the My Downloads folder.

diff --git a/demos/dialog/modal.html b/demos/dialog/modal.html
index 297b77a639d1580e6e2e94c7bcd578846080e2ec..8716e731000c4295764e00647e299a2de164f4e7 100644 (file)
--- a/demos/dialog/modal.html
+++ b/demos/dialog/modal.html
@@ -12,7 +12,10 @@
        <link type="text/css" href="../demos.css" rel="stylesheet" />
        <script type="text/javascript">
        $(function() {
-               $("#dialog").dialog({
+               // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
+               $("#dialog").dialog("destroy");
+       
+               $("#dialog-modal").dialog({
                        stackfix: true,
                        height: 140,
                        modal: true
@@ -25,7 +28,7 @@
 
 <div class="demo">
 
-<div id="dialog" title="Basic modal dialog">
+<div id="dialog-modal" title="Basic modal dialog">
        <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
 </div>