我在我的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。
我无法弄清楚我在做什么是错的。请帮忙。
感谢。
答案 0 :(得分:0)
添加jquery css,js文件的引用。还要检查对话框的类名是否正确。你需要在你的主div中添加更多的div(确切的代码在jquery代码的jquery代码的索引页面中)