Question

我在wordpress / bootstrap导航栏菜单中遇到有关社交媒体链接的问题我的单页wordpress主题基于bootstrap 2.2.1 header.php 如下所示：

<nav id="nav" class="navbar navbar-fixed-top <?php echo get_option('_dw_page_navbar_class'); ?>" >
    <div class="navbar-inner">
        <div class="container">

            <div class="cart-placement">
                <?php do_action( 'your_theme_header_top' ); ?>
            </div>

            <button data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar" type="button">
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>    

            <div id="test" class="some">
                    <?php do_action('dw_page_socials'); ?>
            </div>
                    <?php dw_page_generate_menu(); ?>
        </div>
    </div>    
</nav>

处理单页菜单的 functions.php 中的代码部分如下所示。

    <div class="nav-collapse collapse">
        <ul class="nav pull-direction">
<?php  
        foreach ($menu as $menu_item) {
            $active = $i == 0 ? 'class="active"' : '';
            $menu_id = sanitize_title($menu_item->title);
?>
            <?php if( is_front_page() ) : ?>
            <li <?php echo $active ?>>
                <a href="#<?php echo $menu_id ?>">
            <?php echo $menu_item->title  ?>
                </a>
            </li>          
            <?php endif; ?>
<?php
            $i++;
        }
?>               
        </ul>
    </div>

此代码在单页内创建锚链接。这样我就可以在导航栏菜单中创建锚点链接，例如。 www.example.com/#home ，此部分按预期工作！

问题出现在社交媒体链接上，也可以放在<nav>内，您可以从 header.php 查看。这些链接也受到＃anchoring的影响，因此fbook链接看起来像这样 www.example.com /＃https://www.facebook.com。

如何删除社交媒体链接的＃anchoring，但保留它们以进行内部单页链接？

Wordpress / Bootstrap 2锚链接问题

0 个答案: