Questions tagged «modal-dialog»

指用于向用户显示重要信息的图形对话框。这些对话框出现在所有其他内容之上,从而阻止了应用程序流程,直到收到用户输入为止。

11
一旦出现,如何为Bootstrap模式中的特定字段设置焦点
关于引导程序模态,我已经看到了几个问题,但是没有一个完全像这样,所以我继续。 我有一个模态,我这样称呼onclick ... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); 这可以正常工作,但是当我显示模态时,我想关注第一个输入元素...在某些情况下,第一个输入元素的ID为#photo_name。 所以我尝试了 $(".modal-link").click(function(event){ $("#modal-content").modal('show'); $("input#photo_name").focus(); }); 但这无济于事。最后,我尝试绑定到“ show”事件,但是即使如此,输入也不会集中。最后,仅出于测试目的,因为我怀疑这与js加载顺序有关,所以我设置了setTimeout只是为了查看是否延迟一秒钟,焦点会起作用,是的,它起作用了!但是这种方法显然是胡扯。有什么方法可以在不使用setTimeout的情况下达到与以下相同的效果? $("#modal-content").on('show', function(event){ window.setTimeout(function(){ $(event.currentTarget).find('input#photo_name').first().focus() }, 0500); });

1
引导程序模态打开时调用函数
我曾经使用过JQuery UI的对话框,它具有open选项,您可以在其中指定一些Javascript代码,以在打开对话框后执行。我会使用该选项使用我拥有的功能在对话框中选择文本。 现在,我想使用引导程序的模态来做到这一点。以下是HTMl代码: <div id="code" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> <pre> print 'Hello World' 至于打开模式的按钮: <a href="#code" data-toggle="modal" class="btn code-dialog">Display code</a> 我尝试使用按钮的onclick侦听器,但是在出现模式之前显示了警报消息: $( ".code-dialog" ).click(function(){ alert("I want this to appear after the modal has opened!"); });


23
如何在Jquery UI对话框中实现“确认”对话框?
我尝试使用JQuery UI对话框替换丑陋的javascript:alert()框。在我的场景中,我有一个项目列表,在每个项目旁边,我将为每个项目都具有一个“删除”按钮。伪html设置将如下所示: <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> </ul> <div id="confirmDialog">Are you sure?</div> 在JQ部分中,在准备好文档后,我首先将div设置为带有必要按钮的模式对话框,然后将要触发的那些“ a”设置为确认后再删除,例如: $("ul li a").click(function() { // Show the dialog return false; // to prevent the browser actually following the links! } 好,这是问题所在。在初始化期间,对话框将不知道是谁(项目)启动它,也不知道项目ID(!)。我如何设置那些确认按钮的行为,以便在用户仍然选择“是”的情况下,将通过该链接将其删除?

3
在带有MVVM的wpf中使用Dialog的好还是坏做法?
我最近遇到了为wpf应用程序创建添加和编辑对话框的问题。 我想在代码中做的就是这样。(我主要在mvvm中使用viewmodel first方法) 调用对话框窗口的ViewModel: var result = this.uiDialogService.ShowDialog("Dialogwindow Title", dialogwindowVM); // Do anything with the dialog result 它是如何工作的? 首先,我创建了一个对话框服务: public interface IUIWindowDialogService { bool? ShowDialog(string title, object datacontext); } public class WpfUIWindowDialogService : IUIWindowDialogService { public bool? ShowDialog(string title, object datacontext) { var win = new WindowDialog(); win.Title = title; …
148 c#  .net  wpf  mvvm  modal-dialog 

4
如何在WPF中进行模式对话框?
我正在WPF中编写我的第一个应用程序,希望用户在模态对话框窗口中输入一些数据。显然,在WPF中这样做并不简单,因为父窗口保持完全启用状态,并且创建新子窗口的方法不会停止并等待子窗口调用Close()。相反,它一直在前进。这不是我想要的。 我如何才能打开子窗口,并让父窗口在继续执行父窗口之前等待子窗口关闭?
133 .net  wpf  dialog  modal-dialog 

9
Angular 2.0和模态对话框
我正在尝试找到一些有关如何在Angular 2.0中进行确认模式对话框的示例。我一直在使用Angular 1.0的Bootstrap对话框,却无法在Angular 2.0的网络上找到任何示例。我也检查了angular 2.0文档,但没有运气。 有没有办法在Angular 2.0中使用Bootstrap对话框?


4
使用:before CSS伪元素将图像添加到模态
我有一个Modal绝对定位的CSS类,在其父对象上方经过z索引,并且与JQuery定位良好。我想在模式框的顶部添加一个插入符图像(^),并且正在考虑使用:beforeCSS伪选择器来做到这一点。 图像需要绝对定位并在模态上方进行z索引,但是我还没有找到将适当的类添加到content属性中的图像的任何方法: .Modal:before{ content:url('blackCarrot.png') /* with class ModalCarrot ??*/ } .ModalCarrot{ position:absolute; left:50%; margin-left:-8px; top:-16px; } 第二好的选择-我可以在content属性中内联添加样式吗?

9
如何检查引导模态是否打开,所以我可以使用jQuery validate
我只需要在模式打开的情况下进行验证,因为如果我打开它,然后将其关闭,然后我按打开模式的按钮就行不通了,因为它正在进行jQuery验证,但是没有展示是因为该模式被解雇了。 所以如果模态是开放的,我想广告一个jQuery,所以我可以验证,这可能吗? <script> $(document).ready(function(){ var validator =$('#form1').validate( { ignore: "", rules: { usu_login: { required: true }, usu_password: { required: true }, usu_email: { required: true }, usu_nombre1: { required: true }, usu_apellido1: { required: true }, usu_fecha_nac: { required: true }, usu_cedula: { required: true }, usu_telefono1: { required: …



6
调整浏览器大小时如何自动居中jQuery UI对话框?
当您使用jquery UI对话框时,除一件事情外,其他所有方法都工作正常。调整浏览器的大小后,对话框将停留在其初始位置,这可能确实很烦人。 您可以在以下网址进行测试:http : //jqueryui.com/demos/dialog/ 单击“模式对话框”示例,然后调整浏览器的大小。 我希望能够在浏览器调整大小时让对话框自动居中。是否可以对我的应用程序中的所有对话框以有效的方式完成? 非常感谢!


20
引导程序:在模式中打开另一个模式
因此,我正在使用以下代码在当前打开的模式窗口中打开另一个模式窗口: <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 发生的情况是,滚动条将在500ms左右重复。我猜是因为当前的模态仍在逐渐消失。但是,它看起来非常不光滑且结结巴巴。 对于解决此问题的任何建议,我将不胜感激。 另外,在onclick事件中构建此内容的方法是否不专业? 我正在使用引导程序版本3.0。 编辑:我认为有必要减少淡出模态的时间。这怎么可能?

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.