html5 - href links not working when nested in data section -
so i'm designing site utilizes parallax scrolling , html5 data attribute. problem nested in 1 of data sections (data-slide), have link, , doesn't seem work unless place outside of data-slide.
url: http://ericbrockmanwebsites.com/dev3/ (at bottom of page, in "projects")
here's markup:
<div class="slide" id="slide4" data-slide="4" data-stellar-background-ratio="0"> <div class="container clearfix"> <div class="row"> <div class="span10 offset1"> <div class="row"> <div class="span3"> <div class="slideno"> projects </div> <!-- slideno --> </div> <!-- span3 --> <div class="span7"> <div class="gridcontainer"> <?php $the_query = new wp_query( array( 'post_type' => 'page', 'post_parent' => 0, 'orderby' => 'date', 'order' => 'desc', 'posts_per_page' => 999)); // how many posts show x = 0; while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <div class="view view-tenth"> <?php the_post_thumbnail('grid-image'); ?> <div class="mask"> <h2><?php the_title(); ?></h2> <p></p> <a href="<?php the_permalink(); ?>" class="info">explore</a> </div> <!-- mask --> </div> <!-- view view-tenth --> <?php $x++; ?> <?php endwhile; ?> <?php wp_reset_query(); ?> </div> <!-- gridcontainer --> </div> <!-- span7 --> </div> <!-- row --> </div> <!-- span10 offset1 --> </div> <!-- row --> </div> <!-- container clearfix --> </div><!-- slide 4 -->
any advice on doing wrong or how around this? thanks, always!
did try one?
input type="button" name="release" onclick="document.write('<?php the_permalink() ?>');" value="explore"
its different approach of href.
Comments
Post a Comment