我非常一个小白，所以我认为我监督与Twitter的引导模式的东西（可能明显）。 我所试图做的就是一个模式，推出只在行动。 这正常工作与添加类。可见，手机上的模态格。 到现在为止还挺好。 但我希望它的工作，这意味着你可以用的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。 其实所有的引导JS模块（不要错过包括）。 我不会跟JS经历..
请原谅我，如果我提出了一个非常愚蠢的问题：我无法找到答案的日志在这种具体情况。
Answer 1:
$('#myModal').modal('hide')应该这样做
Answer 2:
我不得不关闭问题的引导模式对话框，如果它与打开：
$('#myModal').modal('show');
我解决了这个问题，通过下面的链接打开该对话框：
<a href="#myModal" data-toggle="modal">Open my dialog</a>
不要忘了初始化：
$('#myModal').modal({show: false});
我也用于合闸按钮以下属性：
data-dismiss="modal" data-target="#myModal"
Answer 3:
类隐藏加入到模态
<!-- Modal Demo -->
<div class="modal hide" id ="myModal" aria-hidden="true" >
JavaScript代码
<!-- Use this to hide the modal necessary for loading and closing the modal-->
<script>
$(function(){
$('#closeModal').click(function(){
$('#myModal').modal('hide');
});
});
</script>
<!-- Use this to load the modal necessary for loading and closing the modal-->
<script>
$(function () {
$('#myModal').modal('show');
});
</script>
Answer 4:
.modal（“隐藏”）手动隐藏了一个模态的。 使用下面的代码以关闭引导模式
$('#myModal').modal('hide');
看看工作在这里codepen
要么
这里尝试
$(function () { $(".custom-close").on('click', function() { $('#myModal').modal('hide'); }); });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/> <!-- Button trigger modal --> <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"> Launch demo modal </button> <!-- 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" id="myModalLabel">Modal title</h4> </div> <div class="modal-body"> <a class="custom-close"> My Custom Close Link </a> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="button" class="btn btn-primary">Save changes</button> </div> </div><!-- /.modal-content --> </div><!-- /.modal-dialog --> </div><!-- /.modal -->
Answer 5:
尝试正是指定按钮应与数据目标关闭模式。 因此，您的按钮应该如下所示 -
<button class="close" data-dismiss="modal" data-target="#myModal">×</button>
此外，你应该只需要bootstrap.modal.js这样你就可以安全地删除他人。
编辑：如果不工作，那么除去可见的手机类，并测试它在你的浏览器的PC，而不是手机。 这将显示您是否得到JavaScript错误，或者如果它例如兼容性问题。
编辑：演示代码
<html>
<head>
<title>Test</title>
<link href="/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="/Scripts/bootstrap.modal.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
if( navigator.userAgent.match(/Android/i)
|| navigator.userAgent.match(/webOS/i)
|| navigator.userAgent.match(/iPhone/i)
|| navigator.userAgent.match(/iPad/i)
|| navigator.userAgent.match(/iPod/i)
|| navigator.userAgent.match(/BlackBerry/i)
) {
$("#myModal").modal("show");
}
$("#myModalClose").click(function () {
$("#myModal").modal("hide");
});
});
</script>
</head>
<body>
<div class="modal hide" id="myModal">
<div class="modal-header">
<a class="close" id="myModalClose">×</a>
<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>
</body>
</html>
Answer 6:
根据该文件建立隐藏/切换应该工作。 但它没有。
这里是我是如何做到的
$('#modal-id').modal('toggle'); //Hide the modal dialog
$('.modal-backdrop').remove(); //Hide the backdrop
$("body").removeClass( "modal-open" ); //Put scroll back on the Body
Answer 7:
尝试在这个..
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
Answer 8:
我曾在iPhone或桌面同样的问题，didnt管理按下关闭按钮时关闭对话框。
我发现的<button>标记定义可点击按钮，并且需要指定一个元素如下类型属性：
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
检查引导情态动词的样例代码中： 自举JavaScript页面
Answer 9:
如果您同时显示几个模式，你可以在模态按钮，属性指定目标模态data-toggle和data-target ：
<div class="modal fade in" id="sendMessageModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header text-center">
<h4 class="modal-title">Modal Title</h4>
<small>Modal Subtitle</small>
</div>
<div class="modal-body">
<p>Modal content text</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default pull-left" data-toggle="modal" data-target="#sendMessageModal">Close</button>
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#sendMessageModal">Send</button>
</div>
</div>
</div>
</div>
某处模态代码之外，你可以有另一种切换按钮：
<a href="index.html#" class="btn btn-default btn-xs" data-toggle="modal" data-target="#sendMessageModal">Resend Message</a>
用户不能点击-模式切换按钮，而这些按钮隐藏并正确使用作品选"modal"的属性data-toggle 。 该方案适用automagicaly！
Answer 10:
这里不仅关闭模态，而不刷新页面的一个片段，但按下时输入其提交模式和关闭，不刷新
我把它建立在我的网站，我可以有多个情态动词和提交一些情态动词的过程数据和一些不。 我要做的就是为每一个做处理模式创建一个唯一的ID。 例如，在我的网页：
HTML（模态页脚）：
<div class="modal-footer form-footer"><br>
<span class="caption">
<button id="PreLoadOrders" class="btn btn-md green btn-right" type="button" disabled>Add to Cart <i class="fa fa-shopping-cart"></i></button>
<button id="ClrHist" class="btn btn-md red btn-right" data-dismiss="modal" data-original-title="" title="Return to Scan Order Entry" type="cancel">Cancel <i class="fa fa-close"></i></a>
</span>
</div>
jQuery的：
$(document).ready(function(){
// Allow enter key to trigger preloadorders form
$(document).keypress(function(e) {
if(e.which == 13) {
e.preventDefault();
if($(".trigger").is(".ok"))
$("#PreLoadOrders").trigger("click");
else
return;
}
});
});
正如你可以看到这个提交进行处理，这就是为什么我有这样的jQuery的这个模式。 现在，让我们说，我有另一个模式此网页内，但不进行任何处理，并因为一个模式是一次打开我把另一个$(document).ready()在全球PHP / js脚本，所有网页获得的，我给了模式的关闭按钮的类被称为： ".modal-close" ：
HTML：
<div class="modal-footer caption">
<button type="submit" class="modal-close btn default" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
jQuery的（包括global.inc）：
$(document).ready(function(){
// Allow enter key to trigger a particular button anywhere on page
$(document).keypress(function(e) {
if(e.which == 13) {
if($(".modal").is(":visible")){
$(".modal:visible").find(".modal-close").trigger('click');
}
}
});
});
文章来源: How to get twitter bootstrap modal to close (after initial launch)
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://img.manongdao.com/sparkler-677774__340.jpg', '推荐 迷人小祖宗 的文章《如何获得Twitter的引导模式关闭（初始启动之后）(How to get twitter boot》','https://www.manongdao.com/article-1009192.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}