Questions tagged «jquery-ui-dialog»

如何删除由jQuery UI创建的对话框上的关闭按钮（右上角的X）？

775 jquery  html  css  jquery-ui  jquery-ui-dialog 

我正在使用自定义jQuery 1.10.3主题。我从主题滚筒下载了所有笔直的文件，但我没有故意更改任何内容。 我创建一个对话框，并得到一个空的灰色正方形，其中关闭图标应为： 我比较了页面上生成的代码： <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> <spanid="ui-id-2" class="ui-dialog-title">Title</span> <button class="ui-dialog-titlebar-close"></button> </div> 到“ 对话框演示”页面上生成的代码： <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"> <span id="ui-id-1" class="ui-dialog-title">Basic dialog</span> <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"> <span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span> <span class="ui-button-text">close</span> </button> </div> 编辑：代码的不同部分是由jQueryUI 生成的，不是我，所以我不能不编辑jqueryui js文件就添加span标签，这似乎是实现正常功能的错误/不必要的选择。 这是用于生成该部分代码的javascript： this.element.dialog({ appendTo: "#summary_container", …

188 javascript  jquery-ui  jquery-ui-dialog  imagebutton 

我正在使用jquery-ui-dialog插件 在某些情况下，当对话框关闭时，我正在寻找刷新页面的方法。 有没有办法从对话框中捕获关闭事件？ 我知道单击关闭按钮时可以运行代码，但这并不覆盖使用转义或右上角的x关闭的用户。

186 javascript  jquery  jquery-ui  modal-dialog  jquery-ui-dialog 

我该如何禁用jQuery UI对话框上的按钮。我似乎在上面链接的任何文档中都找不到。 我在模式确认中有2个按钮（“确认”和“取消”）。在某些情况下，我想禁用“确认”按钮。

143 jquery  jquery-ui  jquery-ui-dialog 

我在查找有关此方面的特定信息和示例时遇到很多麻烦。我的应用程序中有许多jQuery UI对话框，这些对话框附加到已加载.ajax（）调用的div上。它们都使用相同的设置调用： $(".mydialog").dialog({ autoOpen: false, resizable: false, modal: true }); 我只想将对话框调整为要加载的内容的宽度。现在，宽度仅停留在300px（默认），我得到一个水平滚动条。 据我所知，“ autoResize”不再是对话框的选项，当我指定它时什么也没有发生。 我试图不为每个对话框编写单独的函数，因此.dialog("option", "width", "500")并不是一个选项，因为每个对话框的宽度都不同。 指定width: 'auto'对话框选项只会使对话框占用浏览器窗口宽度的100％。 我有什么选择？我正在将jQuery 1.4.1和jQuery UI 1.8rc1一起使用。看起来这应该很简单。 编辑：我已经为此实现了一个变通的解决方法，但我仍在寻找更好的解决方案。

134 javascript  jquery  ajax  jquery-ui  jquery-ui-dialog 

当ajax操作失败时，我将创建一个带有错误的新div，然后将其显示为对话框。关闭对话框后，我想完全销毁并再次删除div。我怎样才能做到这一点？目前，我的代码如下所示： $('<div>We failed</div>') .dialog( { title: 'Error', close: function(event, ui) { $(this).destroy().remove(); } }); 当我运行此对话框时，对话框会正确显示，但是当我关闭对话框时，该对话框在html（使用FireBug）中仍然可见。我在这里想念什么？我忘记了什么？ 更新：刚刚注意到我的代码在Firebug控制台中给了我一个错误。 $（this）.destroy不是函数 有人可以帮助我吗？ 更新：如果我只是这样做$(this).remove()，则该项目将从html中删除。但是它是否已从DOM中完全删除？还是我还需要以某种方式首先调用该destroy函数？

133 jquery-ui  jquery-ui-dialog 

我有一个显示表单的JQuery UI对话框弹出窗口。通过选择表单上的某些选项，新选项将出现在表单中，使其变高。这可能导致主页具有滚动条，而JQuery UI对话框具有滚动条的情况。对于用户来说，这种双滚动条的方案是难看的并且令人困惑。 如何使JQuery UI对话框增长（并可能缩小）以始终适合其内容，而不显示滚动条？我希望主页上只有滚动条可见。

131 jquery  jquery-ui  jquery-ui-dialog 

我有一个jQuery UI对话框，当单击特定元素时会显示该对话框。如果在那些触发元素或对话框本身之外的任何地方都发生了单击，我想关闭对话框。 这是打开对话框的代码： $(document).ready(function() { var $field_hint = $('<div></div>') .dialog({ autoOpen: false, minHeight: 50, resizable: false, width: 375 }); $('.hint').click(function() { var $hint = $(this); $field_hint.html($hint.html()); $field_hint.dialog('option', 'position', [162, $hint.offset().top + 25]); $field_hint.dialog('option', 'title', $hint.siblings('label').html()); $field_hint.dialog('open'); }); /*$(document).click(function() { $field_hint.dialog('close'); });*/ }); 如果我取消最后一部分的注释，该对话框将永远不会打开。我认为这是因为打开对话框的同一点击再次将其关闭。 最后的工作代码 注意：这是使用jQuery外部事件插件 $(document).ready(function() { // dialog element …

113 javascript  jquery  jquery-ui  jquery-ui-dialog 

我在jquery 1.5上有一个对话框很好的应用程序。虽然我有很多.live处理程序，但我将其更改为.on。为此，我必须更新jquery（现在是1.8.3，是jquerui 1.9.1）。 现在，我得到了： Error: cannot call methods on dialog prior to initialization; attempted to call method 'close' 以下是代码： Java脚本 var opt = { autoOpen: false, modal: true, width: 550, height:650, title: 'Details' }; $(document).ready(function() { $("#divDialog").dialog(opt); $("#divDialog").dialog("open"); ... HTML代码 <div id="divDialog"> <div id="divInDialog"></div> </div> 知道为什么会这样吗？

101 jquery  dialog  jquery-ui-dialog 

我正在使用jQuery UI对话框。如果它是开放的，我想做一件事。如果关闭了，我想再做一遍。 我的问题是，如何检测jQuery UI对话框是否打开？

97 jquery  jquery-ui  jquery-ui-dialog 

我正在开发一个ASP.Net MVC网站，在该网站上，我在一个表中列出了来自数据库查询的一些预订，并带有ActionLink来取消特定行上的预订，BookingId例如： 我的预订 <table cellspacing="3"> <thead> <tr style="font-weight: bold;"> <td>Date</td> <td>Time</td> <td>Seats</td> <td></td> <td></td> </tr> </thead> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">13:00 - 14:00</td> <td style="width: 100px;">2</td> <td style="width: 60px;"><a href="/Booking.aspx/Cancel/15">cancel</a></td> <td style="width: 80px;"><a href="/Booking.aspx/Change/15">change</a></td> </tr> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">15:00 - 16:00</td> <td style="width: 100px;">3</td> <td …

83 javascript  jquery  asp.net-mvc  jquery-ui  jquery-ui-dialog 

我有一个问题jquery-ui dialog box。 问题是，当我关闭对话框然后单击触发它的链接时，除非刷新页面，否则它不会再次弹出。 如何在不刷新实际页面的情况下回呼对话框。 下面是我的代码： $(document).ready(function() { $('#showTerms').click(function() { $('#terms').css('display','inline'); $('#terms').dialog({ resizable: false, modal: true, width: 400, height: 450, overlay: { backgroundColor: "#000", opacity: 0.5 }, buttons:{ "Close": function() { $(this).dialog("close"); } }, close: function(ev, ui) { $(this).remove(); }, }); }); 谢谢

79 javascript  jquery  jquery-ui  modal-dialog  jquery-ui-dialog