重用jQuery对话框,关闭后标题栏显示在屏幕上

时间:2018-06-27 13:22:19

标签: javascript jquery asp.net jquery-ui

我在用户控件上有一个jQuery对话框,它是菜单栏和每页的位置。弹出对话框运行正常,没有问题。现在,在“ Order.aspx”页面上,该页面具有另一个用户控件,其中一个按钮在对话框中打开“ Detail.aspx”。该对话框可以打开,但是在关闭时,标题栏仍在页面上。我已经在“ order.aspx”页面上引用了css文件。

 <link rel="stylesheet" href="/query/jquery-ui-themes-1.11.4/themes/redmond/jquery-ui.css" />
 <script language="javascript" src="/query/jquery-2.1.4.js" type="text/javascript"></script>
 <script language="javascript" src="/query/jquery-ui-1.11.4/jquery-ui.js" type="text/javascript"></script>

由于我在用户栏的用户控件上声明了对话框,如<div id="dialog-box"></div>,,因此无需在订单页面上再次声明它。如果我声明了它,则会引起问题。

我已经在网上搜索并尝试了多种关闭对话框的方法,但是都没有用。有人可以帮我吗。谢谢。

有我的对话框对话框

function openDailogBox(url, name, width, height) {  
$('#dialog-box').load(url).dialog({
    autoOpen: false,
    resizable: true,
    height: height
    width: width,       
    title: name,
    modal: true,
   draggable: false

});
   $('#dialog-box').dialog('open');
    return false;
 }

function CloseDialogBox() {   
  $('#dialog-box').dialog({
   autoOpen: false,
   resizable: true,     
   title: name,
   modal: true,
  });

   $('#dialog-box').dialog('close');   

 }

有一个按钮来关闭有问题的对话框。它与菜单栏用户控件上的按钮相同,但没有区别ID。

  <input class="btn" id="btnCancelOrder" type="button" value="Cancel" />
  $(document).ready(function () {
         $('#btnCancelorder').click(function (e) {
             e.preventDefault();                 
             CloseDialogBox();
         });
     });

即使我重新创建了另一个jquery脚本,以在参数中包含对话框ID,并在订单页面上创建了具有新ID的新对话框。问题是一样的,标题栏没有消失。有人可以告诉我该怎么做。提前致谢。

0 个答案:

没有答案