通过 jQuery 触发引导模式
trigger bootstrap modal via jquery
有问题。我正在尝试通过 jquery 触发引导模式,但它不起作用。我尝试了各种方法:方式No1:
$(document).ready(function(){
$('#btn').click(function(){
$('#server_msg_modal').modal('show');
});
});
方式No2:
$(document).ready(function(){
$('#btn').click(function(){
$('#server_msg_modal').modal('show');
});
});
方式No3:
$('#server_msg_modal').modal({
show: 'true'
});
没有任何工作...请帮助我。
将单击处理程序添加到按钮和打开模式窗口的 jQuery 函数应该都可以工作。请参阅下面的示例。我只能建议你看看Chrome的DevTools,看看你的控制台中是否有任何JavaScript错误。
$(document).ready(function(){
$('#btn').click(function(){
$('#server_msg_modal').modal('show');
});
});
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet" />
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="btn btn-danger" href="#server_msg_modal" data-toggle="modal">using data attribute</div>
<div class="btn btn-danger" id="btn">using jQuery click handler</div>
<div class="modal fade" id="server_msg_modal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>Modal body</p>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
相关文章:
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 在DOM中查找一个模式并替换它's的内容使用jquery
- Ajax模式下的Jquery Select2 V4在IE9中不起作用
- 将值传递到jQuery成功函数中的引导模式
- 如何在JQuery全日历周模式中选择多天
- jQuery UI模式对话框覆盖淡出
- jQuery日期选择器在Codeigniter和Bootsrap模式表单中不起作用
- jQuery自动完成标记新的标签设计模式
- 使用jQuery保存模式弹出数据
- jQuery模式窗口在内容为“”时不居中;注入“;在飞行中
- jQuery菜单应保持操作模式
- CKEditor内部的jQuery模式问题与按钮
- 如何在高级编译模式下使用 Google Closure 编译器编译 jQuery UI 小部件
- 在 jQuery 和 jqueryUI 模式框中动态更改 id
- 弹出模式jquery播放现有的嵌入youtube视频时,试图播放另一个
- 在样式模式 (jQuery UI) 窗口中显示 JS 警报
- 当模式jQuery UI对话框打开时,文本区域没有得到关注
- 模块模式jQuery
- 可能刷新页面和按钮刷新后打开模式?Jquery
- 更新模式jquery框不起作用