Tag: 模式对话框

在进入按键时避免模态closures: 我已经build立了一个内部forms的引导模式，我只注意到，当我按下回车键，模式被解雇。按Enter键时有没有办法解决这个问题？我尝试用键盘激活模式：错误，但只能防止用ESC键解雇。

如何使WPF中的模式对话框？: 我在WPF中编写我的第一个应用程序，并希望用户在模态对话窗口上input一些数据。显然，这在WPF中并不简单，因为父窗口保持完全启用状态，并且创build新子窗口的方法不会停止并等待子窗口调用Close（）。相反，它只是继续前进。这不是我想要的。我怎样才能让子窗口打开，并有父窗口等待子窗口closures之前父窗口继续执行？

如何处理Twitter Bootstrap中的模式closures事件？: 在Twitter引导，看模式的文档。我无法弄清楚是否有方法来监听模式的closures事件并执行一个function。例如，让我们以这个模式为例： <div class="modal-header"> <button type="button" class="close close_link" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> … </div> <div class="modal-footer"> <a href="#" class="btn close_link" data-dismiss="modal">Close</a> </div> 顶部的Xbutton和底部的closuresbutton可以隐藏/closures模式，因为data-dismiss="modal" 。所以我想知道，如果我能以某种方式听这个？或者我可以这样做手动，我猜… $("#salesitems_modal").load(url, data, function() { $(this).modal('show'); $(this).find(".close_link").click(modal_closing); }); 你怎么看？

如何在JQuery UI对话框中实现“确认”对话框？: 我尝试使用JQuery UI对话框来replace丑陋的javascript:alert()框。在我的场景中，我有一个项目列表，并在他们每个人旁边，我会有一个“删除”button为他们每个人。 psuedo的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设置为必要的button的modal dialog，并将这些“a”设置为在开始删除之前进行确认，如： $("ul li a").click(function() { // Show the dialog return false; // to prevent the browser actually following the links! } 好的，这是问题所在。在初始化期间，对话框将不知道谁（物品）会将其点燃，还有物品ID（！）。我如何设置这些确认button的行为，如果用户仍然select是，它将按照链接将其删除？

Bootstrap Modal立即消失: 我正在使用bootstrap在网站上工作。基本上，我想在主页中使用一个模式，由英雄单位的button召唤。 button代码： <button type="button" class="btn btn-warning btn-large" data-toggle="modal" data-target="#myModal">Open Modal</button> 模态码： <div class="modal hide fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">In Costruzione</h3> </div> <div class="modal-body"> <p>Test Modal: Bootstrap</p> </div> <div class="modal-footer"> <button class="btn" data-dismiss="modal" aria-hidden="true">Chiudi</button> <button class="btn btn-warning">Salva</button> </div> </div> 问题是，只要我点击button，模态消失，然后立即消失。我会很感激任何帮助。另外，如何改变下拉三angular形的颜色（指向上，没有hover）？我在一个基于橙色和棕色的网站上工作，蓝色的东西真的很烦人。

一旦出现，如何设置Bootstrap模式中特定字段的焦点: 我已经看到了一些关于bootstrap模态的问题，但是没有一个完全像这样，所以我会继续。我有一个模式，我打电话像这样… $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); 这工作正常，但是当我显示模式，我想专注于第一个input元素…可能情况下，第一个input元素的ID为#photo_name。所以我试了 $(".modal-link").click(function(event){ $("#modal-content").modal('show'); $("input#photo_name").focus(); }); 但是这没有用。最后，我尝试绑定到“显示”事件，但即使如此，input不会集中。最后只是为了testing，因为我有一个suspiscion这是关于js的加载顺序，我把一个setTimeout只是为了看看我是否延迟一秒，焦点工作，是的，它的工作！但是这个方法显然是废话。有没有使用setTimeout有如下效果的方法？ $("#modal-content").on('show', function(event){ window.setTimeout(function(){ $(event.currentTarget).find('input#photo_name').first().focus() }, 0500); });

如何从JavaScript中隐藏Bootstrap模态？: 我已经阅读这里的post，Bootstrap网站，并疯狂Googlesearch – 但无法find我敢肯定的是一个简单的答案… 我有一个Bootstrap模式，我从一个link_to这样的助手打开： <%= link_to "New Contact", new_contact_path, {remote: true, 'data-toggle' => 'modal', 'data-target' => "#myModal", class: "btn btn-primary"} %> 在我的ContactsController.create操作中，我有创buildContact代码，然后传递给create.js.erb 。在create.js.erb ，我有一些error handling代码（混合使用ruby和javascript）。如果一切顺利，我想closures模式。这是我有麻烦的地方。一切顺利的时候，我似乎无法排除模态。我试过$('#myModal').modal('hide'); 这没有效果。我也试过$('#myModal').hide(); 导致模式解散，但离开的背景。有关如何closures模式和/或从create.js.erbclosures背景的create.js.erb ？编辑这是myModal的标记： <div class="modal hide" id="myModal" > <div class="modal-header"> <a class="close" data-dismiss="modal">×</a> <h3>Add Contact</h3> <div id="errors_notification"> </div> </div> <div class="modal-body"> […]

禁止在引导模式区域外单击以closures模式: 我正在制作一个bootstrap网站，附带一些Bootstrap'Modals'。我试图自定义一些默认function。问题是这样的; 您可以通过点击背景closures模式。反正有禁用此function？只在特定的模式？ Bootstrap模态页面

Bootstrap 3模态垂直位置中心: 这是一个两部分问题：当你不知道模态的确切高度时，如何将模态垂直定位在中心？是否有可能以模态为中心，溢出：自动在模态体，但只有当模态超过屏幕高度？我试过使用这个： .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: auto; } 当内容比垂直屏幕尺寸大得多时，这给了我所需要的结果，但是对于小模式内容，它几乎不可用。