jQuery Forum

jQuery UI 1.7.2 is not compatible with jQuery 1.4. See http://forum.jquery.com/topic/common-problem-jquery-ui-and-jquery-1-4-x for more details.

So the issue is that jQuery is handling <script> tags in document fragments separately from other tags.  The <script> tag is not being included in the document fragment, instead it's being added as a separate fragment on the jQuery object.  So the returned jQuery object from $('<div><script>...</script></div>') is actually the equivalent of $([ $('<div />'), $('<script>...</script>') ]).  Since there are two elements in the jQuery object, a dialog instance is created for each.

To fix this issue, just change your instantiation code:

$(dialogContent()).filter('div').dialog(dialogOptions)
    .end().filter('script').appendTo('body');

This way the outer DIV is part of the dialog, and then the script is added to the body and executed.

One problem with this workaround that I found is that after you close the dialog box the script block added to the body is still there.  This code should prevent having lots of script blocks persisting on a page that might interfere with each other.

    function showDialog(content) {
        var dialogContent = $(content).not('script');
        var scriptContent = $(content).filter('script');

        var onClose = function() {
            $(this).dialog('destroy');
            $(this).remove();
            scirptContent.remove();
        }

        var onCancel = function() {
            $('#dialogResult').html('You clicked the Cancel button');
            $(this).dialog('close');
        }

        var onOk = function() {
            $('#dialogResult').html('You clicked the Ok button');
            $(this).dialog('close');
        }

        var options = {
            autoOpen: false,
            modal: true,
            close: onClose,
            buttons: {
                'Cancel': onCancel,
                'Ok': onOk
            }
        }

        dialogContent.dialog(options);
        scriptContent.appendTo('body');
        dialogContent.dialog('open');
    }