Tag: 对话框

如何检测单击jQuery UI对话框的（X）关闭按钮，与dialogclose / dialogbeforeclose事件分开？: 我希望能够检测到被点击的jQuery UI对话的（x）关闭按钮，但我不想使用dialogclose / dialogbeforeclose事件（因为我相信无论对话框是如何关闭的，它们都会触发）。我尝试了$(“.ui-dialog-titlebar-close”).live(“click”) ，但这似乎不起作用。我怎样才能做到这一点？示例代码:(对话框关闭时，调试器不会启动）。 $(document).ready(function() { $(“#dialog”).dialog(); $(“.ui-dialog-titlebar-close”).live(“click”, function() { debugger; // ** clicking the close button doesn’t get to here.** }); }); I’m in a dialog

在ASP.Net MVC中，从对话框进行更新的最佳方法是什么？: 我正在尝试将我未曾见过的两部分MVC结合起来：1）Ajax和2）error handling。问题在于返回的内容以及返回的where（要更新的div元素）。我有一个ASP.net MVC页面，如下所示 <%@ Page Language="C#" Inherits="System.Web.Mvc.ViewPage” %> Lorem Ipsum Customers List部分视图将是一个包含客户列表的表。每条记录都有一个编辑链接，它将打开一个对话框，用来自Customers / Edit.ascx局部视图的信息填充它，如下所示： <%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl” %> : : 单击btnSave时，它将向Customers / Edit发送一个post。如果更新成功，则应关闭对话框并刷新#CustomersList。但是，如果更新失败，则#dialog应保持打开状态，并且#dialogErrorMessage应显示“更新失败，错误是等等，等等……”。这就是我被困住的地方。 ASP.Net MVC Ajax辅助方法和jQuery库都可以做一个Ajaxpost并轻松替换div，但是在大多数示例中，客户端在进行 Ajax调用之前知道要替换哪个div。在我的error handling示例的情况下，客户端在得知更新成功之后才知道要更新哪个div。我想出了两个可能的解决方案，但两者都有缺点：使用jQuery + 2控制器操作：1）发回成功/失败消息，如果成功，客户端代码将2）使用对Customers / List的Ajax调用并刷新#CustomerList。亲：直截了当。容易明白。可以重用已存在的Customers / List控制器操作。 Con：需要2次调用服务器。在这一点上，性能不是一个问题，但在过去，我曾经在没有考虑过呼叫次数的地方工作，并且它逐渐陷入困境，这是一个你不能轻易退出的问题。使用jQuery + 1控制器操作。返回包含1）成功/失败和2）#CustomersList的刷新结果的JsonResult。专业：1次服务电话。 […]

在内容级别使用谷歌浏览器扩展程序时未定义DP_jQuery_ *: 我正在开发谷歌Chrome扩展程序。我试图在现有网页的jquery-ui对话框中使用jquery-ui datepicker（内容级别）像这样：截图当我点击datepicker小部件的任何按钮时，我得到“DP_jQuery_1274168529407未定义”，我认为这是因为jquery datepicker在html上添加了： onclick=”DP_jQuery_1274192751418.datepicker._selectDay(‘#new\\-app\\-date’,4,2010, this);return false;” 这意味着我将不得不更改datepicker库以避免修改html，而是在每个obj上附加一个事件，如下所示： .click(function(){DP_jQuery_1274192751418.datepicker._selectDay(‘#new\\-app\\-date’,4,2010, this);return false;}) 这可能会保证范围的安全你怎么看？

使用jquery mobile修复url: 我正在使用jquery mobile来构建一个站点但是当我点击一个按钮并且该按钮指向一个对话框页面时，在URL中出现#&ui-state=dialog 。如果我输入没有#&ui-state=dialog的url是正确的，但是对话框窗口没有正确显示，因为显然ajax是禁用的。有一些方法可以修理它？

打开jQueryUI对话框后如何执行function？: 在我的网页上，我有一些链接，如： Lien Image(s) 首先，我通过调用以下命令启动我的对话框： initDialog : function() { $(‘#dialogbox’).dialog({ bgiframe:true, autoOpen:false, width:500, modal:true }); } 然后我附上点击事件的对话框： $(‘.toolbarButton’).click(function(e){ e.preventDefault(); actu.dialogManager($(this)); }); dialogManager : function(elem) { elem.blur(); var title = elem.attr(‘title’); var href = elem.attr(‘href’); var rel = elem.attr(‘rel’); $(‘#dialogbox’).dialog(‘option’,’title’,title); if(rel == ‘lien’) { $(‘#dialogbox’).dialog(‘option’,’buttons’,{ ‘Add’ : function(){ //TODO }, ‘Cancel’ : function(){ $(‘#linkText’).val(”); $(‘#linkUrl’).val(”); $(this).dialog(‘close’); } […]

ASP.NET用户控件和jQuery对话框: 在我的页面上，我得到了以下用户控件：这个UC有一个公共属性，它接受一个DataSet，并更新UC中的一些字段。因此，当我按下页面上的按钮时，它会在UC上调用此属性，并且UC将使用DataSet中的数据进行更新。到现在为止还挺好。当我希望UC成为jQuery UI对话框时出现问题。首先我创建对话框： $(document).ready(function() { $(‘.editFormDialog’).dialog({ autoOpen: false, height: 700, width: 780, modal: true, bgiframe: true, title: ‘Rediger’, open: function(type, data) { $(this).parent().appendTo(“form”); $(this).css(‘display’, ‘block’); } }); }); 我不想在按钮上打开（这不是ASP.NET按钮，纯HTML）： $(‘#btnEdit’).live(‘click’, function() { $(‘.editFormDialog’).dialog(‘open’); }); 对话框打开，但UC不包含正确的数据。页面加载时，UC将使用默认数据进行更新。然后用户单击一个按钮，数据会发生变化但UC不会更新。它仍包含默认数据。那就是问题所在。你知道为什么吗？帮助将不胜感激！

jquery对话框：在iframe里面拖动对话框: 在内部拖动带有iframe的jquery对话框时，如果鼠标在拖动时越过框架内容，则拖动会停止。似乎iframe自动获得焦点。有没有办法防止这种情况并使阻力正常？ var iframe=document.createElement(‘IFRAME’); $(div).append(iframe) .dialog();

jQuery对话框主题和样式: 如何更改jQuery对话框标题栏的背景颜色？我看过themeroller，但它似乎对我不起作用。谢谢

if else if mousedown事件的声明: 我的目标是为每个单击的项目显示不同的对话框。我目前有一个设置，并认为我可以添加一个if语句。如果在div_a，dialog_a上mousedown，否则如果在div_b，dialog_b等上mousedown …我是编码的新手并且无法想象这个。这是我的对话框代码： $(document).ready(function(){ $(“#questiona”).mousedown(function(){ $(“#dialoga”).dialog(); }); });

使用themeroller css时jquery对话框的问题: jquery ui对话框的演示都使用“flora”主题。我想要一个自定义主题，所以我使用themeroller生成一个css文件。当我使用它时，一切似乎都工作正常，但后来我发现我无法控制对话框中包含的任何输入元素（即，无法键入文本字段，无法检查复选框）。进一步的调查显示，如果我将对话框属性“modal”设置为true，就会发生这种情况。当我使用植物主题时，这不会发生。这是js文件： topMenu = { init: function(){ $(“#my_button”).bind(“click”, function(){ $(“#SERVICE03_DLG”).dialog(“open”); $(“#something”).focus(); }); $(“#SERVICE03_DLG”).dialog({ autoOpen: false, modal: true, resizable: false, title: “my title”, overlay: { opacity: 0.5, background: “black” }, buttons: { “OK”: function() { alert(“hi!”); }, “cancel”: function() { $(this).dialog(“close”); } }, close: function(){ $(“#something”).val(“”); } }); } } $(document).ready(topMenu.init); […]