javascript - jquery对话框打开多个窗口

Question

我正在尝试使用 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 打开那个窗口，但在打开之前关闭我的旧窗口。当我第一次打开它时，一切都很好。但下次它不想打开

错在哪里？

Answer 1

这是因为您正在尝试重新创建对话框，而不是每次都这样:

$(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');
}