Question

我在Rails应用程序的ruby中使用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。

我不知道我在做什么错。请帮忙。

谢谢。

Answer 1

添加jquery css，js文件的引用。还要检查对话框的类名是否正确。你需要在你的主div中添加更多的div（确切的代码在jqueryui.com的jquery代码的索引页中）