Php 链接不能在Wordpress菜单中单击，但可以在新选项卡中打开

免责声明：很抱歉，这篇文章看起来太大了，但我想我应该提供所有细节。我确信这个问题很愚蠢，但我无法理解：(

背景：我正在创建一个wordpress网站，使用Access Press提供的一个名为Parallax的很棒的主题。我想在购买专业版之前播放一下我的商业网站，所以决定自己做一些更改

问题：您可以使用主题菜单（允许动画和同一页面滚动；这是Golum想要的）或使用本机wordpress菜单（不允许滚动；Golum hateses）

已尝试解决方法：我想我可以进入header.php并手动添加一个菜单项。根据我的理解，下面是代码：

<nav id="site-navigation" class="main-navigation">
        <div class="menu-toggle"><?php _e( 'Menu', 'accesspress_parallax' ); ?></div>

            <?php 
            $sections = of_get_option('parallax_section');
            if(of_get_option('enable_parallax') == 1 && of_get_option('enable_parallax_nav') == 1):
            ?>
            <ul class="nav single-page-nav">
                <?php
                $home_text = of_get_option('home_text');
                if(of_get_option('show_slider')== "yes" && !empty($home_text)) : ?>
                    <li class="current"><a href="<?php echo esc_url( home_url( '/' ) ); ?>#main-slider"><?php echo esc_attr($home_text); ?></a></li>

                <?php endif;

                if(!empty($sections)):
                foreach ($sections as $single_sections): 
                    if($single_sections['layout'] != "action_template" && $single_sections['layout'] != "blank_template" && $single_sections['layout'] != "googlemap_template" && !empty($single_sections['page'])) :
                    $title = get_the_title($single_sections['page']); ?>
                    <li><a href="<?php echo esc_url( home_url( '/' ) ); ?>#section-<?php echo $single_sections['page']; ?>"><?php echo $title; ?></a></li>
                    <?php 
                    endif;
                endforeach; 
                endif; ?>
                    <li><a href="http://google.com" target="_self">Pre-order Here</a></li>
            </ul>
            <?php   
            else: 
                <some more code that picks custom menu if you choose to skip parallax menu>

        </nav>

---

谢谢@pschueller和@dingo_d

你把我推到了正确的方向。scroll的JS插件的github有一个秘密

我必须使用href向我的标签添加class='external'，并使用以下内容更新jquery.nav.js：

取代

filter: '',

与

---

我真的没有看到任何错误，可能有一些JS对你的链接做了什么？尝试删除

target=“\u self”

，你应该不需要它。正在尝试target=“\u blank”但不起作用。即使我删除了它，也不会有任何变化。我应该从哪里开始寻找JS？我的背景不是技术人员，但如果我投入足够的时间，我可以找出代码。编辑：如果我包含指向页面另一部分的链接，它会起作用。示例：听起来仍然像JS问题。如果问题仍然存在，请首先尝试禁用所有插件sists，那么你知道它一定是主题中的某个东西。如果是这样，试着搜索菜单id，看看是否有什么弹出。JS可能真的在任何地方。还要检查你的控制台中是否有任何JS错误。可能是类或你放置的id是JS代码中的目标，并阻止了默认行为，这意味着如果你点击一个链接，它不会起作用。通常菜单是用一个in-wordpres创建的，所以你不应该自己粘贴链接，而应该尝试使用wordpress中用来处理菜单的功能。

.main-navigation {
    float: right;
    max-width: 80%;
    margin-top: 15px;
}
.logo-top .main-navigation{
    float: none;
    width: auto;
    text-align: center;
    max-width: none;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: inline-block;
}
.main-navigation ul li{
    position: relative;
}
.main-navigation > ul > li {
    float: left;
    position: relative;
    font-family: 'Oxygen', sans-serif;  
    font-weight: 400;
}
.main-navigation > ul > li > a{
    text-transform: uppercase;
    font-size:14px;
    padding: 5px 15px;
}
.main-navigation > ul > li.current a{
    color: #E66432;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    color:#333;
}
.main-navigation ul ul {
    background: #FFF;
    position: absolute;
    top: 100%;
    left:0;
    z-index: 99999;
    padding:0 10px;
    font-size: 15px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    display: none;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}
.main-navigation ul ul a {
    min-width: 200px;
}
.main-navigation ul ul li {
    border-bottom: 1px solid #EEE;
    padding: 8px 0;
}
.main-navigation ul ul li:last-child{
    border:none;
}
.main-navigation li:hover > a {
    color: #E66432;
}
.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a {
    color: #E66432;

filter: '',

filter: ':not(.external)',