Questions tagged «bootstrap-modal»

我想将模态集中在视口（中间），我试图添加一些CSS属性 .modal { position: fixed; top:50%; left:50%; } 我正在使用此示例http://jsfiddle.net/rniemeyer/Wjjnd/ 我试过了 $("#MyModal").modal('show').css( { 'margin-top': function () { return -($(this).height() / 2); }, 'margin-left': function () { return -($(this).width() / 2); } })

181 javascript  twitter-bootstrap  bootstrap-modal 

我的页面上有一个模式。当我尝试在Windows加载时调用它时，它会向控制台输出一条错误消息，内容为： $(...).modal is not a function 这是我的模态HTML： <div class="modal fade" id="prizePopup" 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" id="myModalLabel"> This Modal title </h4> </div> <div class="modal-body"> Add some text here </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> …

108 javascript  jquery  html  bootstrap-modal 

tabindexBootstrap 3 的属性是什么？ 尽管他们实际上在所有模态中都使用它们，但它的文档中没有提及它们。 我只发现了有关它的用法，实际上并没有说太多 键盘和辅助技术用户可访问的工具提示 对于使用键盘导航的用户，特别是使用辅助技术的用户，应仅将工具提示添加到可键盘聚焦的元素，例如链接，表单控件或任何具有tabindex =“ 0”属性的任意元素。 而且我发现如果属性不是的话我不能按下esc隐藏模态tabindex-1。 按下esc键后的模态关闭（带有tabindex） 按下esc键后模态未关闭（无tabindex）

100 twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

使用iOS 11野生动物园时，输入文本框光标在输入文本框之外。我们不明白为什么会有这个问题。如您所见，我的焦点文本框是电子邮件文本输入，但光标不在文本框内。这仅在iOS 11 Safari中发生

85 html  ios  bootstrap-modal  mobile-safari  ios11 

我有一个Bootstrap Modal来选择事件。如果用户单击X按钮或模式外部，则希望将其发送到默认事件。如何捕获这些事件？ 这是我的HTML代码： <div class="modal" id="myModal"> <div class="modal-dialog"> <div class="modal-content event-selector"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button> <center><h1 class="modal-title event-selector-text">Select an Event</h1><center> </div> <div class="container"></div> <div class="modal-body"> <div class="event-banner"> <a href="/?event=1"> <img src="<?php echo IMAGES_EVENT1_LOGO; ?>" width="100%"> </a> </div> <div class="event-banner"> <a href="/?event=2"> <img src="<?php echo IMAGES_EVENT2_LOGO; ?>" width="100%"> …

73 twitter-bootstrap  events  bootstrap-modal 

我可以检查Bootstrap Modal当前是否以编程方式显示/隐藏？ 喜欢 bool a = if("#myModal").shown();吗？ 我需要对/错

71 javascript  twitter-bootstrap  twitter-bootstrap-3  bootstrap-modal 

我在模态对话框启动程序内的jQuery自动完成功能中出现显示问题。 当我滚动鼠标时，结果不会保持附加到输入中。 有办法解决吗？ 在这里JsFiddle： .ui-autocomplete-input { border: none; font-size: 14px; width: 300px; height: 24px; margin-bottom: 5px; padding-top: 2px; border: 1px solid #DDD !important; padding-top: 0px !important; z-index: 1511; position: relative; } 编辑 我发现了问题： .ui-autocomplete { position: fixed; ..... } 如果模态已经滚动，问题仍然存在！ 在这里JsFiddle / 1。

71 jquery  twitter-bootstrap  jquery-ui-autocomplete  bootstrap-modal 

我在引导模型输入框中的javascript变量加载中遇到一些问题： setTimeout(function() { swal({ title: "OverTime Status!", text: "You Need to get Sub OT Approval " + data.value + " Hours to Time allocate in the department", type: "warning", confirmButtonText: "OK" }, function(isConfirm) { if (isConfirm) { $('#hours_work').val(data.value); //data.value alert the correct value in here.but this value not load in …

13 javascript  php  input  bootstrap-modal  sweetalert