Left click on link doesn't work, but "open in new tab" works


rock degree

I'm working on my personal website (built from a template) and when I'm done my links stop responding to left clicks too. They work fine if you right click and select "Open in New Tab". You can see the URL in the status bar at the bottom of the browser when you hover over them.

I've searched quite a bit about this and it seems like there might be some JavaScript that overrides the default behavior of this tag. I've tried looking in the "Network" and "Event Listeners" sections of Chrome and Firefox DevTools, but I'm not sure what to look for.

I don't want to paste the whole site's code here (too long), but you can download it from my Github page to try it yourself.

Since I think the problem is related to JavaScript, here is the header and footer section of my site so you can see what I've attached:

<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>
Sherbrow

The carousel API automatically captures any click [data-slide]or [data-slide-to]element ( tag that owns data-slideor data-slide-toparameter ).

And you set the property on one of the main containers <div data-slide="1">(see index.html#L68 ), so any clicks are caught and blocked( e.preventDefault()).

You can see this in carousel plugin definition js/carousel.js#L187 .

Therefore, you should remove this property and use another property name, or disable the carousel API.

Related


Left click on link doesn't work, but "open in new tab" works

rock degree I'm working on my personal website (built from a template) and when I'm done, my links stop responding to left clicks. They work fine if you right click and select "Open in New Tab". You can see the URL in the status bar at the bottom of the browse

Left click on link doesn't work, but "open in new tab" works

rock degree I'm working on my personal website (built from a template) and when I'm done my links stop responding to left clicks too. They work fine if you right click and select "Open in New Tab". You can see the URL in the status bar at the bottom of the bro

The link doesn't open in a new tab

Alan Weber Here is my javascript code, I want the link should open in new tab but it doesn't happen, how can I do that? <link href="http://vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet"> <script src="http://vjs.zencdn.net/5.4.6/video.min.js"></script>

Selenium doesn't follow click to open new tab

Anonymous 0441 For a long time I had a problem using selenium to find the button I was looking for on the page. After a week, I had a "nice" idea to check the url where selenium was searching for the button. Fake me, this is the wrong url. So the problem is, s

Selenium - click on the link to open a new tab

tree 55 I've seen a lot of threads on how to open a link in a new tab, but what if you have a link that creates a new tab and you need to verify the title? All I need to do is click the link -> confirm the new tab has the correct title -> close the tab and con

Selenium - click on the link to open a new tab

tree 55 I've seen a lot of threads on how to open a link in a new tab, but what if you have a link that creates a new tab and you need to verify the title? All I need to do is click the link -> confirm the new tab has the correct title -> close the tab and con

Selenium - click on the link to open a new tab

tree 55 I've seen a lot of threads on how to open a link in a new tab, but what if you have a link that creates a new tab and you need to verify the title? All I need to do is click the link -> confirm the new tab has the correct title -> close the tab and con

Right click and save link to open in new tab

Dishu I added a custom right click menu using jquery in my project, now what I want to achieve is: -> If anyone right clicks on the link, the option will say "Open link in new tab", when that option is selected, it will open in a new tab with that link. -> Oth

Selenium - click on the link to open a new tab

tree 55 I've seen a lot of threads on how to open a link in a new tab, but what if you have a link that creates a new tab and need to validate the title? All I need to do is click the link -> confirm the new tab has the correct title -> close the tab and conti

Selenium C# Open "New" tab CTRL+T doesn't work with CHROME

crush static void Main() { IWebDriver driver = new ChromeDriver(); driver.Navigate().GoToUrl("http://google.com"); IWebElement body = driver.FindElement(By.TagName("body")); body.SendKeys(Keys.Control + "t"); } This is the code I'm trying to

Selenium C# Open "New" tab CTRL+T doesn't work with CHROME

crush static void Main() { IWebDriver driver = new ChromeDriver(); driver.Navigate().GoToUrl("http://google.com"); IWebElement body = driver.FindElement(By.TagName("body")); body.SendKeys(Keys.Control + "t"); } This is the code I'm trying to

Selenium C# Open "New" tab CTRL+T doesn't work with CHROME

crush static void Main() { IWebDriver driver = new ChromeDriver(); driver.Navigate().GoToUrl("http://google.com"); IWebElement body = driver.FindElement(By.TagName("body")); body.SendKeys(Keys.Control + "t"); } This is the code I'm trying to

Selenium C# Open "New" tab CTRL+T doesn't work with CHROME

crush static void Main() { IWebDriver driver = new ChromeDriver(); driver.Navigate().GoToUrl("http://google.com"); IWebElement body = driver.FindElement(By.TagName("body")); body.SendKeys(Keys.Control + "t"); } This is the code I'm trying to

Selenium C# Open "New" tab CTRL+T doesn't work with CHROME

crush static void Main() { IWebDriver driver = new ChromeDriver(); driver.Navigate().GoToUrl("http://google.com"); IWebElement body = driver.FindElement(By.TagName("body")); body.SendKeys(Keys.Control + "t"); } This is the code I'm trying to

Selenium C# Open "New" tab CTRL+T doesn't work with CHROME

crush static void Main() { IWebDriver driver = new ChromeDriver(); driver.Navigate().GoToUrl("http://google.com"); IWebElement body = driver.FindElement(By.TagName("body")); body.SendKeys(Keys.Control + "t"); } This is the code I'm trying to

"Open in new tab" click link does not open href value

99 encoder I am using Vue2 and I have and <a>markup . This works as expected with a left click (it's calling a method), but if I do a , which is the open value in this case, it 's wrong.href='#'@click.prevent="someMethod()" right click -> open in new tabhref W

Can't open new tab in react, add localhost:3000 on link?

gpbaculio I've used this link from React Router Doms: <Link target="_blank" to={"www.mylink.com"} >mylink </Link> But this will also use href: open new tab to http://localhost:3000/www.mylink.com . <a href={'www.mylink.com'} target="_blank" > mylink </a> Sam

Can't open new tab in react, add localhost:3000 on link?

gpbaculio I've used this link from React Router Doms: <Link target="_blank" to={"www.mylink.com"} >mylink </Link> But this will also use href: open new tab to http://localhost:3000/www.mylink.com . <a href={'www.mylink.com'} target="_blank" > mylink </a> Sam

Can't open new tab in react, add localhost:3000 on link?

gpbaculio I've used this link from React Router Doms: <Link target="_blank" to={"www.mylink.com"} >mylink </Link> But this will also use href: open new tab to http://localhost:3000/www.mylink.com . <a href={'www.mylink.com'} target="_blank" > mylink </a> Sam

Can't open new tab in react, add localhost:3000 on link?

gpbaculio I've used this link from React Router Doms: <Link target="_blank" to={"www.mylink.com"} >mylink </Link> But this will also use href: open new tab to http://localhost:3000/www.mylink.com . <a href={'www.mylink.com'} target="_blank" > mylink </a> Sam

Can't open new tab in react, add localhost:3000 on link?

gpbaculio I've used this link from React Router Doms: <Link target="_blank" to={"www.mylink.com"} >mylink </Link> But this will also use href: open new tab to http://localhost:3000/www.mylink.com . <a href={'www.mylink.com'} target="_blank" > mylink </a> Sam

Can't open new tab in react, add localhost:3000 on link?

gpbaculio I've used this link from React Router Doms: <Link target="_blank" to={"www.mylink.com"} >mylink </Link> But this will also use href: open new tab to http://localhost:3000/www.mylink.com . <a href={'www.mylink.com'} target="_blank" > mylink </a> Sam

CakePHP open to new tab on click

mark I have a function in my app where user can upload files to web server. These uploaded files will then appear in another page where another type of user can click the link. After clicking the link, a new tab will open and the file will be displayed. But I

Click the button to open a new tab

Nathan Wilson I want to create a link with a button that opens in a new tab. The code I'm currently using is currently opening a blank tab and I'm not sure why. <div class="text text-left"> <h2>WORK</h2> <h1>Title</h1> <p>Lorem ipsum dolor sit am

Click the button to open a new tab

Nathan Wilson I want to create a link with a button that opens in a new tab. The code I'm currently using is currently opening a blank tab and I'm not sure why. <div class="text text-left"> <h2>WORK</h2> <h1>Title</h1> <p>Lorem ipsum dolor sit am