JQuery ui dialog(close)无效的解决办法

问题如下:
一开始我使用floatLayer.show弹出一个层并通过ajax加载一个窗体(下面用“窗体A”代替),在该窗体加载结束时,我将JQuery ui dialog在该窗体里初始化,并配置一些参数。
代码:

 代码如下 复制代码
$(function()
{
    //初始化参数
    $("#getcompany").dialog({ autoOpen: false, width: 760, height: $companyselectboxheight, closeOnEscape: false  });
}

此时,我调用打开:

 代码如下 复制代码

//打开
$("#getcompany").dialog('open');
或者关闭

//关闭
$("#getcompany").dialog('close');

一切正常。
但是,当我关闭窗体A,再调用上述的打开时是正常的,再关闭就不能关闭了。

最终的解决办法是,使对象$(“#getcompany”)变成全局的变量。
例如:

 代码如下 复制代码
$(function()
{
    //初始化参数
    GETCOMPANY = $("#getcompany");
    GETCOMPANY.dialog({ autoOpen: false, width: 760, height: $companyselectboxheight, closeOnEscape: false  });
}
//打开
GETCOMPANY .dialog('open');
//关闭
GETCOMPANY .dialog('close');

这样就没问题了。 ^_^
注意: GETCOMPANY 初始化时前不能加 var ,即不能写成 var GETCOMPANY = $(“#getcompany”);

时间: 2024-11-05 17:25:50

JQuery ui dialog(close)无效的解决办法的相关文章

bootstrap与Jquery UI 按钮样式冲突的解决办法_jquery

参考: http://getbootstrap.com/javascript/ 今天在写页面的时候, 遇到一个问题, 页面上 要同时使用Jquery UI的弹出框, 又要用 bootstrap 的popover 结果, 弹框的button 就变成这个样子了. 网上查了下, 需要在JS开始的地方 添加两行代码. bootstrapButton = $.fn.button.noConflict(); $.fn.bootstrapBtn = bootstrapButton; 添加完, 刷新页面就正常了

jQuery UI Dialog 表单无法提交的解决方法

jquery ui的dialog这样设计是一项功能还是一个bug.为了在dialog内实现正常的页面提交,根据上述分析,我找到一个简单的解决办法--在jquery ui控件的"open"事件处理程序中将dialog控件动态生成的html元素移到form元素内 $("#dlg").dialog({ open: function () { $("body > div[role=dialog]").appendto("form#asp教

jquery ui dialog ie8出现滚动条的解决方法_jquery

此问题在UI1.7就出现,到了UI1.8也未修复,真不知道该怎么说好.. JQUI 开发提交BUG的帖子:http://dev.jqueryui.com/ticket/3623 解决办法相当不科学~ 我的解决办法,个人感觉好过那个,因为我只隐藏横的滚动条,呵呵 附上修改的代码: 修改:jquery.ui.dialog.js 复制代码 代码如下: var $el = (this.oldInstances.pop() || $('<div></div>').addClass('ui-w

jQuery UI Dialog控件中的表单无法正常提交的解决方法_jquery

最近使用jQuery UI的Dialog控件时发现如果在此控件放置表单,则所有表单均无法正常提交,具体表现为: 1.提交按钮失效,点击后无任何反应. 2.即便是使用其它手段使页面产生提交,服务器端也无法取到Dialog中的表单数据. 研究了页面源码后发现,jQuery UI Dialog控件初始化时动态生成的HTML元素被添加到页面的尾部.form元素的后面,而原始的Dialog模板部分(其内包含表单元素)也被移到了 动态生成的HTML元素内.也就是说,原先在form内的表单在Dialog初始化

jquery.ui.dialog 1.81在IE8中出现滚动条失效解决方法

jquery.ui.dialog 1.81在ie8中出现滚动条失效解决方法 var dialog = $("#divdialog").dialog({  autoopen:false  ,width:350  ,height:160  ,buttons:{   "确认":function(){    $(this).dialog("close");   }  }  ,title:"提示:"  ,modal:true  ,res

jQuery UI Dialog 创建友好的弹出对话框实现代码_jquery

主要参数 jQuery UI Dialog常用的参数有: 1.autoOpen:默认true,即dialog方法创建就显示对话框 2.buttons:默认无,用于设置显示的按钮,可以是JSON和Array形式: {"确定":function(){},"取消":function(){}} [{text:"确定", click: function(){}},{text:"取消",click:function(){}}] 3.mod

jquery ui dialog实现弹窗特效

  今天我们用jquery ui dialog来做一个弹窗特效.我们先看下效果截图: 我们可以看到,点击的时候,弹窗出现,而且这个弹窗是居中的,还是可以拖动的...实现这一切,只要以下代码: 我们可以看到,我对pop这个div,实现的方式是让它不要autoopen,点击的时候,我只要一句dialog,open就搞定了,借助于jquery ui,我们做弹窗就是这么简单...当然了,大家可以看到,我还有一个插入数据的功能,这个功能,我采用了jquery 的appendto: 我先通过变量获取值,接着

jquery ui dialog实现弹窗特效的思路及代码

这篇文章介绍了jquery ui dialog实现弹窗特效的思路及代码,有需要的朋友可以参考一下     今天我们用jquery ui dialog来做一个弹窗特效.我们先看下效果截图: 我们可以看到,点击的时候,弹窗出现,而且这个弹窗是居中的,还是可以拖动的...实现这一切,只要以下代码: 我们可以看到,我对pop这个div,实现的方式是让它不要autoopen,点击的时候,我只要一句dialog,open就搞定了,借助于 jquery ui,我们做弹窗就是这么简单...当然了,大家可以看到,

JQuery UI Dialog的样式设置问题

 本篇文章主要是对JQuery中UI Dialog的样式设置问题进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 最近在用一个JQUERY UI Dialog的插件,感觉特别强大,但样式设置比较麻烦,研究了俩天终于搞定了.   运行插件,需要的环境如下   <script src="../../JS/jquery-1.4.2.js" type="text/javascript"></script>   <script