0

我在我的 wordpress 子主题中使用锚点，基本主题使用 Zurb Foundation Grid。

我只是使用标准的锚代码；

<a name="anchor">

和

<a href="#anchor">

有人告诉我，“名称”在 wordpress 中不起作用，您应该使用 ID，但这仍然给了我相同的结果。我有三个不同的锚点，但它们都被定向到页面上的同一个位置，即使名称不同并且所有标签都很好地关闭。为什么会这样？这以前从未发生在我身上，数小时的谷歌搜索无法解决我的问题。

这是我主页的完整 html 代码，其中包含锚点。

    <?php
/*
Template Name: Homepage
*/
?>

<?php get_header(); ?>

            <div id="content" class="twelve columns">

                <div id="main" role="main">
                    <?php echo do_shortcode('[orbit-slider]') ?>
                </div> <!-- end #main -->

                <div class="row">
                    <div class="nine columns">
                    </div>
                    <div id="logoblock" class="three columns">
                        <img src="http://i44.tinypic.com/2pyw3sl.png">
                    </div>
                </div>
            </div> <!-- end #content -->


                <div class="row buttonbar">
                <div class="twelve columns rowmargintop">
                    <div id="downloads" class="four columns"><a href="#downloads">
                        <img src="http://i39.tinypic.com/2v3j8na.png">
                        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Downloads Button Homepage') ) : ?>
<?php endif; ?>
                    </a></div>
                    <div id="locator" class="four columns"><a href="#locator">
                        <img src="http://i42.tinypic.com/25zgdwj.png">
                        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Locator Button Homepage') ) : ?>
<?php endif; ?>

                    </a></div>
                    <div id="specials" class="four columns"><a href="#specials">
                        <img src="http://i40.tinypic.com/16101l1.png">
                        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Specials Button Homepage') ) : ?>
<?php endif; ?>

                    </a></div>
                </div>
                </div>


                <div class="row rowmargin">
                    <div class="twelve columns">
                        <div class="twelve columns downloadbg">
                        <a id="downloads">
                        <div class="four columns downloadcontent">
                        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Download Left') ) : ?>
<?php endif; ?>

                        </div></a>                      <div class="four columns downloadcontent">
                        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Download Mid') ) : ?>
<?php endif; ?>

                        </div>
                        <div class="four columns downloadcontent">
                        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Download Right') ) : ?>
<?php endif; ?>

                        </div>
                    </div>


                        <div class="twelve columns downloadbg emailmargin">
                        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Email Me') ) : ?>
<?php endif; ?>

                        </div>

                    </div>
                </div>
                </div>


                <div class="row rowmargin">
                    <div class="twelve columns">
                    <div class="twelve columns">
                    <div class="twelve columns locatorcontent">
                    <a id="locator">
                    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Store Locator') ) : ?>
<?php endif; ?></a>
                    </div>
                    </div>
                </div>

                <div class="row"><a id="specials">
                <div class="twelve columns rowmargin">
                <div class="twelve columns">
                    <div class="twelve columns">
                    <div class="twelve columns specialcontent specialstop">
                        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Specials Top Content') ) : ?>
<?php endif; ?>
                    </div>
                    </div>
                    <div class="twelve columns">
                    <div class="twelve columns specialcontent">
                        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Specials Bottom Content') ) : ?>
<?php endif; ?>
                    </div>
                    </div>
                </div>
                </div></a>
                </div>

            </div> <!-- end twelve columns -->


<?php get_footer(); ?>

当我打开它（它是本地atm）并使用“显示页面源”时，我上传了页面的完整代码，希望我能给你们更多信息。http://codepad.org/J9OEq49f

4

1 回答 1

1

从包装器中删除 id #locator。

<div id="locator" class="four columns"><a href="#locator">

此外，永远不要在一个页面上使用多个具有相同名称的 id。它破坏了你的代码。这就是这里的问题。您有多个具有相同名称的 id。他将专注于您的包装器，而不是您的内容块代码。

注意：正如您已经提到的，您还可以使用 name 属性而不是 id 属性。

于 2013-09-10T12:34:23.503 回答