search

markdalgleish / stellar.js

Stellar.js - Parallax scrolling made easy
http://markdalgleish.com/projects/stellar.js/
MIT License
4.64k stars 1.33k forks source link

Link inside data-slide does not open. #75

Open resonatedk opened 10 years ago

resonatedk commented 10 years ago

Hi, great plugin! I having problems whit link inside the data slide div's. They wont open. If i click them nothing happens.

Example: <div class="fifth slide" id="slide5" data-slide="5" data-stellar-background-ratio="0.5" data-stellar-horizontal-offset="-25px"> <a href="http://www.somelink.com">Some link</a> </div>

Is there a work around for this?

szepeviktor commented 10 years ago

Maybe something overlays the link. Inspect it with firebug's blue arrow tool.

resonatedk commented 10 years ago

I'm afraid not. If I put links into .slide it will not open. It's as if there is something in .slide which does not allow to open links. if I take the links out the .slide div it works fine

NordlingDev commented 10 years ago

For me it doesn't matter if it's inside a .slide or not. Links don't work for me as long as stellar.js is loaded?

caseyzman commented 10 years ago

I'm having this same issue, any link inside a data-slide just isn't click-able. I can right-click and open in a new tab, but a simple left click doesn't work. Items on the page outside of the data-slide work fine. Has anyone found a solution to this?

caseyzman commented 10 years ago

OK, I think I found the problem, at least for me, I had a conflict with the Bootstrap js, so renaming the actually data-slide selector fixed it. More info here: http://stackoverflow.com/questions/23808419/left-clicking-links-doesnt-work-but-open-in-new-tab-does

szepeviktor commented 10 years ago

The standard recommends to prefix the data attribute.