Tag: 模式对话框

closuresBootstrap模式: 我有一个引导模式对话框，我想最初显示，然后当用户点击页面，它消失。我有以下几点： $(function () { $('#modal').modal(toggle) }); <div class="modal" id='modal'> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3 id="myModalLabel">Error:</h3> </div> <div class="modal-body"> <p>Please correct the following errors:</p> </div> </div> </div> 模态最初显示，但在模态外单击时不会closures。此外，内容区域不灰色..我怎样才能让模式显示在最初，然后closures后，用户点击区域外？我怎样才能让背景变成灰色？

将一个函数绑定到Twitter Bootstrap模式closures: 我在一个新的项目上使用Twitter Bootstrap lib，我希望页面的一部分刷新并检索最近的模式closures的json数据。我没有看到在文档中的任何地方可以有人指出，或build议一个解决scheme。使用logging的方法有两个问题 $('#my-modal').bind('hide', function () { // do something … }); 我已经附加了一个“隐藏”类到模式已经所以它不会显示在页面加载，所以会加载两次即使我删除隐藏类，并设置元素ID display:none和添加console.log("THE MODAL CLOSED"); 到上面的function时，我碰到什么都没有发生。

禁止Twitter Bootstrap模式窗口closures: 我正在使用Twitter Bootstrap创build一个模式窗口。默认的行为是如果你点击模态区域之外，模态会自动closures。我想禁用 – 即在模态外单击时不closures模态窗口。有人可以分享jQuery代码来做到这一点？

如何在twitter-bootstrap模式窗口中插入一个Django表单？: 四月份有人问完全相同的问题，没有任何答案。但是由于他提供的信息太less，这个问题被放弃了。我有同样的问题。在main_page.html我有这一行： <a href="/contact/edit/{{ item.id }}" title="Edit">edit</a> 一旦你点击了，编辑模板就会出现在twitter引导模式中。 url.py (r'^contact/edit/(?P<contact_id>\d+)/$', contact_view), view.py def contact_view(request, contact_id=None): profile = request.user.get_profile() if contact_id is None: contact = Contact(company=profile.company) template_title = _(u'Add Contact') else: contact = get_object_or_404(profile.company.contact_set.all(), pk=contact_id) template_title = _(u'Edit Contact') if request.POST: if request.POST.get('cancel', None): return HttpResponseRedirect('/') form = ContactsForm(profile.company, request.POST, instance=contact) if […]

Twitter Bootstrap：打印模态窗口的内容: 我正在开发一个使用Bootstrap的站点，它有28个模态窗口，其中包含不同产品的信息。我希望能够在打开的模式窗口中打印信息。每个窗口都有一个id 。 <!– firecell panel & radio hub –> <div class="modal hide fade" id="fcpanelhub"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">X</button> <h3>5000 Control Panel & Radio Hub</h3> </div> <div class="modal-body"> <img src="../site/img/firecell/firecell-panel-info-1.png" alt=""/><hr/> <img src="../site/img/firecell/firecell-panel-info-2.png" alt=""/><hr/> <img src="../site/img/firecell/firecell-radio-hub-info-1.png" alt=""/><hr/> <img src="../site/img/firecell/firecell-radio-hub-info-2.png" alt=""/> </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> </div> </div> 所以，如果我添加一个新的buttonmodal-footer – “打印”，并点击我想打印的模式。 […]

防止Bootstrap模态消失，当点击外面或按逃生？: 我正在使用Twitter Bootstrap模式作为向导窗口，并希望阻止用户在单击模式外或按下转义时closures它。相反，我希望它在用户按下完成button时closures。我怎么能实现这种情况？

简单的ASP.NET MVC CRUD视图在JavaScript UI对话框中打开/closures: 我有各种简单的ASP.NET MVC视图的CRUD操作，它们自己作为一个简单的网页很好地工作。我现在将它们整合到网站本身（进入内容），并有例如链接，如“创build新的职位”，将启动一个选定的灯箱克隆的视图（不知道哪一个，可能是彩盒或厚盒，但这并不重要）。我想要实现的是，视图本身以某种方式检测到它是在JavaScript UI对话框中打开的，所以Form动作（通常是使用简单的Submitbutton的POST）将会用一个逻辑来呈现，行动已经完成。现在工作的方式是POST / Redirect / GET。视图应该仍然支持这个简单的模式，当直接通过URL在网页浏览器中打开，但应通过JavaScript对话框打开时提供一些额外的逻辑。希望你能理解我的问题。任何帮助赞赏

jQuery：通过Ajax加载modal dialog内容: 目前我的modal dialog是这样的 <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/humanity/jquery-ui.css" type="text/css" /> </head> <body> <div id="dialog" title="Title Box"> <p>Stuff here</p> </div> <script type="text/javascript"> jQuery( function() { jQuery("#dialog") .dialog( { bgiframe: true, autoOpen: false, height: 100, modal: true } ); jQuery('body') .bind( 'click', function(e){ if( jQuery('#dialog').dialog('isOpen') && !jQuery(e.target).is('.ui-dialog, a') && !jQuery(e.target).closest('.ui-dialog').length ){ jQuery('#dialog').dialog('close'); […]

Twitter引导模态背景不会消失: 我正在使用Twitter引导模式对话框。当我点击引导模式对话框的提交button时，它发送一个AJAX请求。我的问题是，模态背景并没有消失。 modal dialog确实消失，但是在屏幕上创build不透明度的“模态背景”仍然保留我能做什么？