我正在我的个人网站（通过模板构建）上工作，而当我完成工作时，我的链接停止响应左键单击。如果右键单击并选择“在新选项卡中打开”，则它们可以正常工作。将鼠标悬停在它们上方时，您可以在浏览器底部的状态栏中看到URL。
我已经对此进行了相当多的搜索，似乎可能有些JavaScript覆盖了该标记的默认行为。我尝试在Chrome和Firefox DevTools的“网络”和“事件侦听器”部分中进行查找，但是我不确定要查找的内容。
我不想将整个网站的代码粘贴到这里（太长），但是您可以从我的Github页面下载它，自己尝试一下。
由于我认为问题与JavaScript有关，因此以下是我网站的页眉和页脚部分，因此您可以看到我所附加的内容：
<head lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Mike Lipson | Instructional Technology Specialist</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="fancybox/jquery.fancybox-v=2.1.5.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,600,300,200&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link rel="prefetch" href="images/zoom.png">
<style type="text/css" media="screen">
a.heading_link {
color: white;
}
</style>
<!-- SCRIPTS -->
<script src="js/html5shiv.js"></script>
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script> <!-- Potential link-breaker -->
<script type="text/javascript" src="fancybox/jquery.fancybox.pack-v=2.1.5.js"></script>
<script src="js/script.js"></script>
<!-- fancybox init -->
<script>
$(document).ready(function(e) {
var lis = $('.nav > li');
menu_focus( lis[0], 1 );
$(".fancybox").fancybox({
padding: 10,
helpers: {
overlay: {
locked: false
}
}
});
});
</script>
轮播API自动捕获任何click[data-slide]或[data-slide-to]元素（拥有data-slide或data-slide-to参数的标签）。
并且您在一个主容器上设置了<div data-slide="1">属性（请参见index.html＃L68），因此任何点击都会被捕获并被阻止（e.preventDefault()）。
您可以在carousel插件定义js / carousel.js＃L187中看到这一点。
因此，您应该删除此属性并使用其他属性名称，或者停用轮播API。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句