嵌套在数据部分中时，href链接不起作用

Posted 2023-03-05

【中文标题】嵌套在数据部分中时，href链接不起作用

【英文标题】：href links not working when nested in data section

【发布时间】：2013-09-07 01:52:27

【问题描述】：

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

url：http://ericbrockmanwebsites.com/dev3/（在页面底部，在“项目”中）

这是标记：

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

关于我做错了什么或如何解决这个问题的任何建议？ 谢谢，一如既往！

【参考方案1】：

你试过这个吗？

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

它是一种不同的 href 方法。