个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
25
4
我正在 Chrome 中处理一个包含两个 Bootstrap 3 模态的页面。在您打开开发人员控制台并启动其中一个模式之前，一切看起来都很好。你可以用这个 jsfiddle 重复这个问题，再用最新的 Chrome，或者用下面的代码创建一个 html 页面。
http://jsfiddle.net/ow3n/22ENG/
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<script type="text/javascript">
function launchReportModal(){
$('#reportModal').modal();
}
function launchShareModal(){
$('#shareModal').modal();
}
</script>
</head>
<body>
<a href='#reportModal' onclick='launchReportModal()' class='report_link' data-toggle='modal' data-target='#reportModal'>report</a>
<a href='#shareModal' onclick='launchShareModal()' class='report_link' data-toggle='modal' data-target='#shareModal'>share</a>
<div class="modal fade" id="reportModal" tabindex="-1" role="dialog" aria-labelledby="reportModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">Report <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button></div>
<div class="modal-body"></div>
<div class="modal-footer"></div>
</div>
</div>
</div>
<div class="modal fade" id="shareModal" tabindex="-1" role="dialog" aria-labelledby="shareModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">Share <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button></div>
<div class="modal-body"></div>
<div class="modal-footer"></div>
</div>
</div>
</div>
</body>
</html>
编辑:使用 jQuery 选择器在 html 中启动模式修复了这个问题，但无论如何您仍然可以在 jsfiddle 中看到这个问题。
$('#launchReportModal').on('click', function(){
$('#reportModal').modal();
});
$('#launchShareModal').on('click', function(){
$('#shareModal').modal();
});
<a href='#' id='launchReportModal' data-toggle='modal' data-target='#reportModal'>report</a>
<a href='#' id='launchShareModal' data-toggle='modal' data-target='#shareModal'>share</a>
最佳答案
您正在尝试自动激活模态框并同时手动激活它们!如果您阅读 docs :
Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.
两者都有
<a href='#' id='launchReportModal' data-toggle='modal' data-target='#reportModal'>report</a>
和
$('#launchReportModal').on('click', function(){
$('#reportModal').modal();
});
错误是这样触发的:
$.fn.modal (_relatedTarget)
Modal.toggle (_relatedTarget)
Modal.hide (_relatedTarget)
_relatedTarget 在代码中被视为事件:
Modal.prototype.hide = function (e) {
if (e) e.preventDefault()
-> Uncaught TypeError: Object http://fiddle.jshell.net/22ENG/2/show/# has no method 'preventDefault'
但是 _relatedTarget 不是一个事件，它是一个元素。显然 data-target 的排名高于您的 $(element).modal() 代码。
解决方案:只需跳过模式的 javascript 激活 -> http://jsfiddle.net/QFyv9/ - 使用未缩小版本的 3.1.1 bootstrap.js fork jsFiddle(这样我就可以找到问题所在)
关于javascript - jQuery 和 Bootstrap 3 : TypeError: "Object [object HTMLAnchorElement] has no method ' preventDefault'，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22597349/
25
4
0
a=document.createElement('a') a.port="123" "123" a.port "" 有什么方法可以更改端口？我发现 HTMLAnchorElement 正在使用
是否有一种 javascript 方法可以确定对象是否实现了“HTMLAnchorElement”接口(interface)？当我执行 typeOf(someVariable) 时，它返回 'obje
我想在每个菜单项前面添加浏览器中存在的 URL(由于某些 url 重定向内容而必须这样做)。但它在下面提到的行中给出了错误。我究竟做错了什么？正确的做法是什么？ $(window)
升级到 Firefox 4 后，我开始在我维护的网站上看到此错误: Permission denied for to call method HTMLAnchorElement.focus 我构建了
我尝试使用 jquery 显示模态，但无济于事。 我试图重新安排我的 jquery 位置并研究其他问题，但我找不到任何问题的答案。 这是按钮 Tambah Mahasiswa 这是我放置脚
这个website包含以下 html 定义: Retrieve Share Prices 使用 javafx，可以使用 更新开始日期字段 int startDateIndx = ...; Strin
我有以下 HTML 方案: Video 14
Crime Thriller Drama
我在 jquery.Ajax 函数中操作 json 数组。语法让我很困惑，所以我找不到这个错误。我在做什么 我将点击功能绑定(bind)到 anchor 标记，然后当我点击该 anchor 标记并调用
如果我想检查特定的 DOM 节点是否是 anchor 元素，哪个选项会更安全、更快？ 就更安全而言，我希望了解 IE6-8 等旧版浏览器能更好地支持哪种浏览器。 我假设速度不会有太大差异，但如果一个函
我有 Uncaught ReferenceError: previous is not defined at HTMLAnchorElement.onclick 请帮助我，我已经尝试过之前针对同一问题
我正在尝试为主页 slider 创建一个程式化的导航，但出现了一些控制台错误 - 即使脚本在大多数情况下都在执行我想要的操作。那是在鼠标悬停在焦点元素上时向相邻的同级元素添加类。就像笔显示的那样，它在
我正在 Chrome 中处理一个包含两个 Bootstrap 3 模态的页面。在您打开开发人员控制台并启动其中一个模式之前，一切看起来都很好。你可以用这个 jsfiddle 重复这个问题，再用最新的
我是一名优秀的程序员,十分优秀！