Html href链接嵌套在数据节中时不工作

所以我正在设计一个利用视差滚动和HTML5数据属性的网站。问题是，嵌套在其中一个数据部分（数据幻灯片）中，我有一个链接，除非我将它放在数据幻灯片之外，否则它似乎不起作用

url：（在页面底部的“项目”中）

以下是标记：

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

项目

关于我做错了什么或如何避免这一问题，有什么建议吗？ 谢谢，一如既往

你试过这个吗

input type="button" name="Release" onclick="document.write('<?php the_permalink() ?>');" value="Explore"

input type=“button”name=“Release”onclick=“document.write（“”）；“value=“Explore”

这是一种不同的方法