JQuery模式对话框无法正确呈现

时间:2011-11-14 00:11:28

标签: jquery ruby-on-rails jquery-ui

我在我的ruby on rails应用程序中使用了一个jQuery模式对话框。这是我的代码:

        var html = '';
        html += '<div id="dialog-form">';
        html += 'This is a test.';
        html += '<button id="form-close" class="close-button" type="button" onclick="$(\'#dialog-form\').dialog(\'close\');">Close</button>';
        html += '</div>';

        var dialog_form = $(html).dialog({
            autoOpen: false,
            width: 600,
            height: 640,
            modal: true,
            open: function() {
                $(".ui-dialog-titlebar").hide();
            },
            close: function(event, ui) {
                $('#dialog-form').remove();
            }
        });
        dialog_form.dialog('open');

我在另一个应用程序中使用了相同的代码,它运行得很好。

在我当前的应用程序中,此脚本不是呈现模式对话框,而是呈现透明对话框窗口。文本和按钮正确呈现。但是,对话框是透明的,而不是模态的。

我已经确定我已经包含了jquery.js和jquery-ui.js。

我无法弄清楚我在做什么是错的。请帮忙。

感谢。

1 个答案:

答案 0 :(得分:0)

添加jquery css,js文件的引用。还要检查对话框的类名是否正确。你需要在你的主div中添加更多的div(确切的代码在jquery代码的jquery代码的索引页面中)