2015-04-05 2 views
0

У меня проблема с sam здесь. Я работаю с темой Wordpress, и я пытаюсь добавить раскрывающееся меню (для опции языка) на панели навигации. Вот мой код из header.php ссылки просто не буду работать :(Может кто-нибудь помочь мне в этомСсылки в раскрывающемся меню Bootstrap не будут работать

Вот мой код:.

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

плз также разместить свой dropdown_cc и lang_lili CSS код .. –

+0

извините, вот: – DeeDee

+0

.main-навигация ул уль li.lang_lili { \t граница дна: 1px твердый #EEE; \t обивка: 5px 0; } .main-navigation ul ul li.lang_lili: hover> a { \t цвет: # D95B4C; \t border-radius: 5px; } – DeeDee

ответ

0

Я исправил проблему Проблемы была в состоянии «текущие» что произошло на щелчок, который блокировал действие ссылка

Так что я гугле :) и вставить этот код:..

$('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/, как это работает. Спасибо всем!