Javascript Jquery对话框打开多个窗口

Javascript Jquery对话框打开多个窗口,javascript,jquery,Javascript,Jquery,我正在尝试使用jquery对话框在一个页面中创建多个对话框的系统 函数看起来像 function open_w(id){ $('.opened').dialog('close'); $(id).addClass('opened'); $(id).dialog({position: 'center', modal:true, width: '750px' }); }; function close_w(

我正在尝试使用jquery对话框在一个页面中创建多个对话框的系统

函数看起来像

 function open_w(id){

         $('.opened').dialog('close');
         $(id).addClass('opened');
         $(id).dialog({position: 'center',  modal:true, width: '750px' });
           };


     function close_w(){
     $('.opened').dialog('close');
     $('.opened').removeClass('opened');
      };
正如您看到的,传递ID会打开该窗口,但在打开之前请关闭旧窗口。。当我第一次打开它时,一切都很好。。但下次它不想打开了


哪里出错了?

这是因为您试图重新创建对话框,而不是每次都这样:

$(id).dialog({position: 'center',  modal:true, width: '750px' });
您需要调用
open
(在已创建的对话框上),如下所示:

$(id).dialog('open');
例如:

function open_w(id){
  close_w();
  $(id).addClass('opened')
       .dialog({position: 'center',  modal:true, width: '750px' })
       .dialog('open');
}
function close_w() {
  $('.opened').dialog('close').removeClass('opened');
}