Question

我有一个山姆问题..我正在使用Wordpress主题，我试图在导航栏上添加一个下拉菜单（用于语言选项）。这里来自header.php链接的代码刚刚赢了工作:(任何人都可以帮我吗？

这是我的代码：

<header id="masthead" class="<?php echo of_get_option('header_layout'); ?>">
<div class="mid-content clearfix">
<div id="site-logo">
<?php if ( get_header_image() ) : ?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
    <img src="<?php header_image(); ?>" alt="<?php bloginfo( 'name' ); ?>">
</a>
<?php else:?>
    <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
<?php endif; ?>
</div>

<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 && !empty($sections) ): ?>
    <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;

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


              <li role="presentation" class="dropdown">
                <button class="dropdown-toggle lng_cc" data-toggle="dropdown" href="#" role="button" aria-expanded="false">
                  Jezik <span class="caret"></span>
                </button>
                <ul class="dropdown-menu dropdpwn_cc" role="menu">
                <li class="lang_lili">
                    <a href="http://clubberschoice.eu"><img src="http://clubberschoice.eu/wp-content/uploads/2015/04/Croatia.png"/> hrvatski </a>
                </li>
                <li class="lang_lili">
                    <a href="http://clubberschoice.eu/en/"><img src="http://clubberschoice.eu/wp-content/uploads/2015/04/United-Kingdom.png"/> engleski </a>
                </li>

                </ul>
              </li>

</ul>

Answer 1

我解决了这个问题。问题出在点击时发生的状态“当前”。这阻碍了链接动作。

所以我用谷歌搜索:)并插入此代码：

$('ul li#cc_nav_lang').click(function(){ $('ul li#cc_nav_lang').removeClass('current');});

$('li.dropdown ul').find('a').on('click', function() {
window.location = $(this).attr('href');});

现在正在努力。您可以在www.clubberschoice.eu/en/上查看它是如何工作的。谢谢大家！

Bootstrap下拉菜单下的链接不起作用

1 个答案: