Joomla Bootstrap導航欄不工作在第三級潛艇

我會盡量保持這篇文章儘可能簡短，所以對於什麼不工作的例子，導航到http://zink.development.webdesign-toledo.com。Joomla Bootstrap導航欄不工作在第三級潛艇

現在我遇到的問題是我有兩個菜單幾乎在所有的時間工作。第一個是主菜單，第二個是產品菜單。主菜單被配置爲產品菜單的菜單項別名。我已經完成了這個工作，以便在不使用導航欄的其他模塊中顯示菜單時激活的類被分配。所以...導航使用導航欄到第三級菜單項目，菜單斷主菜單並嘗試切換下拉菜單的時候，它只是增加了一個＃到URL的末尾，不切換打開或關閉。我已經縮小了這個問題，只有在第三級菜單項時纔會發生。不知道發生了什麼，但我真的需要得到這個工作。

模板代碼：

<?php if($this->countModules('main-menu')) : ?> 
<div id="main-menu" class="row-fluid">  
    <div class="navbar"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <a class="btn btn-navbar" data-toggle="collapse" data-target=".main-menu"> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
        <span class="icon-bar"></span> 
       </a> 
       <?php if(!empty($logo)): ?> 
        <a class="brand" href="<?php echo $this->baseurl; ?>/"><img src="/<?= $logo ?>" /></a> 
       <?php else: ?> 
        <a class="brand" href="<?php echo $this->baseurl; ?>/"><?= $title ?></a> 
       <?php endif; ?> 
       <div class="main-menu nav-collapse collapse"> 
        <jdoc:include type="modules" name="main-menu" style="none"/> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
<?php endif; ?>

使用Javascript/jQuery的：

(function($){ 
    jQuery(document).ready(function(){ 
    $('.navbar .parent').addClass('dropdown'); 
    $('.navbar .parent > a').addClass('dropdown-toggle'); 
    $('.navbar .parent > a').attr('data-toggle', 'dropdown'); 
    $('.navbar .parent > a').attr('href','#'); 
    $('.navbar .parent > a').append('<span class="caret"></span>'); 
    $('.navbar .parent > ul').addClass('dropdown-menu'); 
    $('.navbar .nav-child .parent').removeClass('dropdown'); 
    $('.navbar .nav-child .parent .caret').css('display', 'none'); 
    $('.navbar .nav-child .parent').addClass('dropdown-submenu'); 
    }); 
})(jQuery);

我也注意到，類屬性alias-parent-active通過的Joomla菜單添加模塊。我想了一會兒就是這個問題，但禁用這個功能沒有任何效果。

我一直盯着這幾天試圖找出希望有人可以幫助我在這裏的日子。

來源

2014-04-20 TEN Design

20小時後......沒有人？ –

問題是您在另一個下拉機制中使用了一個下拉機制（即以同樣的方式工作）。
你需要弄髒你的手才能完成這項工作。
首先，你的子菜單顯示在懸停（這是不正常的，因爲你知道），而不是打開點擊（刪除負責的CSS規則）。
如果菜單仍然不正常工作，然後寫使用jQuery click method爲.dropdown-子.dropdown撥動類。裏面方法類型是這樣的：

e.preventDefault(); 
$(this).closest('.dropdown-submenu').children('.dropdown-menu').toggleClass('opened');

添加到CSS是這樣的：

.dropdown-menu.opened {display: block;}

來源

2014-04-24 12:52:27

Joomla Bootstrap導航欄不工作在第三級潛艇

回答

相關問題