我的Bootstrap模式锚不是从一个菜单(导航栏)的行项目内工作
My Bootstrap Modal ANCHOR is not working from within a line item of a menu (navbar)
这是我的导航条代码:
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav" id="menu">
<li><a href="/modalexample.html#theModal" data-toggle="modal">ex</a></li>
<li><a href="">Another Link here</a></li>
</ul>
</div>
这是我的模态代码从我的"modalexample.html"页面
<div class="modal fade text-center" id="theModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button class="close" data-dismiss="modal">X</button>
<h1>Modal Example</h1>
</div>
<div class="modal-body"> Modal Information Here </div>
<div class="modal-footer"> Footer Stuff Here </div>
</div>
</div>
</div>
由于一些未知的原因,我不能得到我的模态出现后,点击链接到页面(/modalexample.html#theModal)。
是否有一个原因,为什么我的锚不会从导航条内工作?
是否有另一种方式,我可以写这个,使我的模态出现?
注意:在这两个页面中,我都包含了jquery-2.1.4.min.js和bootstrap.min.js (jquery脚本放在bootstrap脚本之前)。
另外,我在两个页面的开头都包含了bootstrap.css样式表的链接。
如果需要更多我的代码,请让我知道。
不可能通过href anchor在另一个页面中触发一个模态。你可以在modalexample.html中加入一段javascript代码,在页面加载时触发模态:
<script type="text/javascript">
$(window).load(function(){
$('#theModal').modal('show');
});
</script>
相关文章:
- 设计Django中当前导航菜单项的样式
- 导航菜单-悬停时的背景行为怪异
- 如何在悬停和聚焦时打开引导导航菜单
- jQuery与导航菜单上的mouseover事件冲突.
- iPhone应用程序jquery中的滑块导航菜单
- 导航菜单不适合移动浏览器
- 如何创建具有第三级的垂直导航菜单
- 有没有一种方法可以基于Angular 2中注册的路线构建动态导航/菜单
- 基于 Jquery 的下拉导航菜单
- 波旁威士忌补充导航菜单在单击时向上滑动
- 移动导航菜单不起作用(HTML,CSS和JQuery)
- 定义痕迹导航菜单的变量
- 导航菜单在手机上不起作用
- 单击“下一个”和“上一个”时,如何从导航菜单中添加和删除类
- 可折叠侧边栏/导航菜单
- 如何修复导航菜单
- 实现幻灯片放映后,导航菜单无法工作
- 选择菜单后自动关闭切换导航菜单
- BackboneJS-导航菜单
- 在导航菜单中添加类