modal-dialog

问题 I have a bootstrap modal dialog box that I want to show initially, then when the user clicks on the page, it disappears. I have the following: $(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> The modal is

问题 When I trigger a modal view in my page it triggers the scroll bar to disappear. It\'s an annoying effect because the background page starts moving when the modal moves in / disappears. Is there a cure for that effect? 回答1: This is a feature, class modal-open gets added to the HTML body when you show the modal, and removed when you hide it. This makes the scrollbar disappear since the bootstrap css says .modal-open { overflow: hidden; } You can override this by specifying .modal-open {

问题 Someone has asked the exact same question in April, without any answer. But since he provided too little information; the question was abandoned. I have the same problem. Within a main_page.html I have this line: <a href=\"/contact/edit/{{ item.id }}\" title=\"Edit\">edit</a> Once you click there, the edit template shall appear inside a twitter bootstrap modal. url.py (r\'^contact/edit/(?P<contact_id>\\d+)/$\', contact_view), view.py def contact_view(request, contact_id=None): profile =

问题 So I\'m having nearly the exact same problem as @Jamescoo was but I think that my issue is coming from the fact that I have already positioned a couple of DIVs to create a sliding nav panel. Here\'s my exact setup replicated: http://jsfiddle.net/ZBQ8U/2/ BONUS: Feel free to grab the code for the sliding panel if you\'d like :) The z-indexes shouldn\'t conflict and their values would show that they are stacking correctly, but visually they are not. Once you click the \'Open Modal\' button the

问题 I have various simple ASP.NET MVC views for CRUD operations which work fine on their own as a simple webpage. I will now integrate them into the website itself (into the content) and have for instance links like \"Create new post\" which would fire up the view in a chosen Lightbox clone (don\'t know yet which one, maybe Colorbox or Thickbox but that doesn\'t matter). What I want to achieve is that the view itself somehow detects that it was opened in a JavaScript UI dialog so that the Form

问题 i\'m using the modal example from the bootstrap 3 docs. the modal works. however i need to access the show.bs.modal event when it fires. for now i\'m just trying: $(\'#myModal\').on(\'show.bs.modal\', function () { alert(\'hi\') }) Nothing happens, the event does not fire. What am I doing wrong??? This doesn\'t make sense to me. 回答1: use this: $(document).on('show.bs.modal','#myModal', function () { alert('hi'); }) 回答2: Make sure you put your on('shown.bs.modal') before instantiating the

问题 I was looking to using the Twitter Bootstrap Modal windows as a partial view. However, I do not really think that it was designed to be used in this fashion; it seems like it was meant to be used in a fairly static fashion. Nevertheless, I think it\'d be cool to be able to use it as a partial view. So for example, let\'s say I have a list of Games. Upon clicking on a link for a given game, I\'d like to request data from the server and then display information about that game in a modal window

问题 This is a two part question: How can you position the modal vertically in the center when you don\'t know the exact height of the modal? Is it possible to have the modal centered and have overflow:auto in the modal-body, but only if the modal exceeds the screen height? I have tried using this: .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: auto; } This gives me the result I need when

问题 This question already has an answer here: Disallow Twitter Bootstrap modal window from closing 18 answers I\'m using the Twitter Bootstrap modal as a wizard window, and would like to prevent the user from closing it when clicking outside of the modal or when pressing escape. Instead, I want it to be closed when the user presses the finish button. How could I achieve this scenario? 回答1: If using JavaScript then: $('#myModal').modal({ backdrop: 'static', keyboard: false }) or in HTML: <a data

问题 I am making a bootstrap website, with a couple of Bootstrap \'Modals\'. I\'m trying to customize some of the default features. Problem is this; You can close the modal by clicking on the background. Is there anyway to disable this feature? On specifc modals only? Bootstrap modal page 回答1: On Options chapter, in the page you linked, you can see the backdrop option. Passing this option with value 'static' will prevent closing the modal. As @PedroVagner pointed on comments, you also can pass