首页 / JAVASCRIPT / javascript – 左键单击链接不起作用,但“在新标签中打开”确实有效

javascript – 左键单击链接不起作用,但“在新标签中打开”确实有效

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 左键单击链接不起作用,但“在新标签中打开”确实有效，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2266字，纯文字阅读大概需要4分钟。

内容图文

我正在我的个人网站上工作(从模板构建),就在我完成时,我的链接停止响应左键单击.如果右键单击并选择“在新标签中打开”,它们就可以正常工作.将鼠标悬停在它们上方时,您可以在浏览器底部的状态栏中看到该URL.

我已经对此进行了相当多的搜索,似乎可能有一些JavaScript覆盖了标记的默认行为.我曾尝试查看Chrome和Firefox DevTools的Network和EventListener部分,但我不完全确定我在寻找什么.

我不想在这里粘贴整个网站的代码(太长时间),但你可以自己尝试download it from my Github page.

由于我认为问题与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>

解决方法:

carousel API会自动捕获[data-slide]或[data-slide-to]元素(拥有data-slide或data-slide-to参数的标签)的任何点击.

并且您在其中一个主容器上设置< div data-slide =“1”>属性(参见index.html#L68)因此将捕获并阻止任何点击(e.preventDefault()).

您可以在carousel插件定义js/carousel.js#L187中看到.

因此,您应该删除此属性并使用其他属性名称,或停用carousel API.

内容总结

以上是互联网集市为您收集整理的javascript – 左键单击链接不起作用,但“在新标签中打开”确实有效全部内容，希望文章能够帮你解决javascript – 左键单击链接不起作用,但“在新标签中打开”确实有效所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/752384.html

来源：【匿名】