Questions tagged «modal-dialog»

当我在页面中触发模式视图时，它会触发滚动条消失。这是一个令人讨厌的效果，因为当模式进入/消失时，背景页面开始移动。有没有可以治愈这种病的方法？

94 javascript  twitter-bootstrap  modal-dialog 

我是一个菜鸟，所以我认为我正在使用twitter bootstrap modal监视某些事情（可能很明显）。我正在尝试做的是获得一个仅在移动设备上启动的模式。在模式div上添加类.visible-phone，效果很好。到目前为止，一切都很好。但是我希望它能正常工作，这意味着您可以使用X按钮将其关闭。而且我无法使用该按钮。 <div class="modal visible-phone" id="myModal"> <div class="modal-header"> <button class="close" data-dismiss="modal">×</button> <h3>text introductory<br>want to navigate to...</h3> </div> <div class="modal-body"> <ul class="nav"> <li> ... list of links here </li> </ul> </div> </div> 在html的底部，我放置了jquery.js（第一个），bootstrap.modal.js和bootstrap.transition.js。实际上，所有的bootstrap js模块（不要错过一个include）。我对js没有经验。 如果我提出了一个非常愚蠢的问题，请原谅我。我在日志中找不到针对此特定情况的答案。

91 twitter-bootstrap  modal-dialog 

我想在两个窗体（c＃）之间传递值。我该怎么做？ 我有两种形式：Form1和Form2。 Form1包含一个按钮。当我单击该按钮时，Form2应该打开，而Form1应该处于非活动模式（即，不可选择）。 Form2包含一个文本框和一个提交按钮。当我在Form2的文本框中键入任何消息并单击Submit按钮时，Form2应该关闭，而Form1应该突出显示所提交的值。 我该怎么做？有人可以通过一个简单的例子帮助我做到这一点。

84 c#  winforms  modal-dialog 

我已将模态窗口用于向导实现，该过程大约有4,5个步骤。我需要在最后一步（onFinish）和OnCancel步骤之后完全销毁它，而无需刷新页面。我当然可以隐藏它，但是当我再次打开它时，隐藏模式窗口将还原所有内容。有人可以帮我解决这个问题吗？ 谢谢任何提示答案对我都有帮助。

83 twitter-bootstrap  modal-dialog 

我正在使用bootstrap 3 docs中的模式示例。模态作品。但是，当它触发时，我需要访问show.bs.modal事件。现在我只是在尝试： $('#myModal').on('show.bs.modal', function () { alert('hi') }) 没有任何反应，该事件不会触发。我究竟做错了什么？？？这对我来说没有意义。

82 modal-dialog  twitter-bootstrap-3  jquery 

我在理解/使用角度UI模式的范围时遇到麻烦。 虽然这里没有立即显示出来，但我已经正确地设置了模块和所有内容（据我所知），但是这些代码示例尤其是在我发现错误的地方。 index.html（重要部分） <div class="btn-group"> <button class="btn dropdown-toggle btn-mini" data-toggle="dropdown"> Actions <span class="caret"></span> </button> <ul class="dropdown-menu pull-right text-left"> <li><a ng-click="addSimpleGroup()">Add Simple</a></li> <li><a ng-click="open()">Add Custom</a></li> <li class="divider"></li> <li><a ng-click="doBulkDelete()">Remove Selected</a></li> </ul> </div> Controller.js（同样是重要部分） MyApp.controller('AppListCtrl', function($scope, $modal){ $scope.name = 'New Name'; $scope.groupType = 'New Type'; $scope.open = function(){ var modalInstance = $modal.open({ …

80 javascript  angularjs  scope  modal-dialog  angularjs-scope 

我有一个问题jquery-ui dialog box。 问题是，当我关闭对话框然后单击触发它的链接时，除非刷新页面，否则它不会再次弹出。 如何在不刷新实际页面的情况下回呼对话框。 下面是我的代码： $(document).ready(function() { $('#showTerms').click(function() { $('#terms').css('display','inline'); $('#terms').dialog({ resizable: false, modal: true, width: 400, height: 450, overlay: { backgroundColor: "#000", opacity: 0.5 }, buttons:{ "Close": function() { $(this).dialog("close"); } }, close: function(ev, ui) { $(this).remove(); }, }); }); 谢谢

79 javascript  jquery  jquery-ui  modal-dialog  jquery-ui-dialog 

如您在这里看到的，我有一个启动模态的按钮。设置按钮的href网址，该网址会由Bootstrap 3自动加载到模式中。事实是，此页面已加载到模式根中（如有关模式使用的bootstrap 3文档中所述）。我想将其加载到模态主体中。 有没有一种方法可以通过属性（不是javascript）做到这一点？或最自动的方法是什么？ PS：我记得在Bootstrap 2中，内容已加载到正文中，而不是根目录中。

76 ajax  twitter-bootstrap  twitter-bootstrap-3  modal-dialog 

我正在使用此代码，但模态太薄： <div class="modal fade bs-example-modal-lg custom-modal" tabindex="-1" role="dialog" aria-labelledby="myModal" aria-hidden="true" id="myModal"> <div class="modal-dialog modal-lg"> <div class="modal-content modal-lg"> <div class="modal-header modal-lg"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Solutions</h4> </div> <div class="modal-body modal-lg"> <p>Content</p> </div> </div> </div> </div> 看起来是这样的： 我怎样才能使这种模式更加广泛？理想情况下，我希望它的宽度大约是原来的两倍，因为它现在太瘦了。

74 twitter-bootstrap  modal-dialog 

使用此处提到的示例，如何使用JavaScript而不是单击按钮来调用模式窗口？ 我是AngularJS的新手，并尝试在这里和这里搜索文档，但是没有运气。 谢谢

73 angularjs  modal-dialog  angular-ui-bootstrap 

我刚刚使用新的Twitter Bootstrap版本启动了一个新项目：bootstrap3。我无法使Modal在远程模式下工作。我只想在单击链接时显示带有远程URL内容的模式。它可以工作，但模式布局已被完全破坏。 这是jsfiddle的链接：http : //jsfiddle.net/NUCgp/5/ 编码 ： <a data-toggle="modal" href="http://fiddle.jshell.net/Sherbrow/bHmRB/0/show/" data-target="#myModal">Click me !</a> <!-- Modal --> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Modal title</h4> </div> <div class="modal-body"><div class="te"></div></div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button …

72 twitter-bootstrap  modal-dialog 

我一直在使用Twitter Bootstrap Modal窗口作为局部视图。但是，我并不真正认为它是按这种方式使用的。似乎应该以相当静态的方式使用它。不过，我认为能够将其用作局部视图会很不错。 例如，假设我有一个游戏列表。在单击给定游戏的链接后，我想从服务器请求数据，然后在当前页面“上方”的模式窗口中显示有关该游戏的信息。 我做了一些研究，发现这篇文章相似但不完全相同。 有没有人尝试过成功或失败？有人在jsFiddle上有东西或他们愿意分享的东西吗？ 谢谢你的帮助。

68 javascript  asp.net-mvc  twitter-bootstrap  modal-dialog 

我正在开发一个Android应用程序。 如何将正在使用的自定义对话框的标题居中？

67 android  modal-dialog 

我的ContentView具有两个不同的模式视图，因此我都使用sheet(isPresented:)了这两种视图，但似乎只显示了最后一个。我该如何解决这个问题？还是无法在SwiftUI的视图上使用多个图纸？ struct ContentView: View { @State private var firstIsPresented = false @State private var secondIsPresented = false var body: some View { NavigationView { VStack(spacing: 20) { Button("First modal view") { self.firstIsPresented.toggle() } Button ("Second modal view") { self.secondIsPresented.toggle() } } .navigationBarTitle(Text("Multiple modal view problem"), displayMode: .inline) .sheet(isPresented: $firstIsPresented) { …

21 swift  modal-dialog  swiftui