引导3导航栏下拉菜单问题

新到Joomla。我正在用Bootstrap 3构建一个Joomla网站，正确加载它，并且它迄今为止运行良好。我有一个导航菜单，其中的项目是一个下拉菜单，我不希望他们重新定向点击，而只是下拉链接列表。我几乎能与此实现这一有点：引导3导航栏下拉菜单问题

菜单项目类型：外部链接

链接：＃

的问题是它没有下拉菜单。在我点击一次鼠标悬停的任何下拉菜单项后，都会显示它们的链接，如果我将鼠标悬停在我点击的链接上，那么只会显示它。但它不会只出现在点击。非常感谢帮助！

HTML

<div class="collapse navbar-collapse"> 
    <jdoc:include type="modules" name="nav" style="html5" /> 
</div>

来源

2017-06-25 user5854648

我发现通过jQuery的解决方案。事实证明，它并没有在第一次点击时添加“开放”类。这需要两次点击或一次点击并将鼠标悬停在另一个下拉元素上。以下是我如何解决它：

jQuery('.dropdown-toggle').on('click', function(){ 
    jQuery(this).parent().parent().find('.dropdown').toggleClass('open') 
});

来源

2017-06-30 03:16:00 user5854648

尝试添加下列要么你的主题js文件，或在主题的index.php文件的末尾

jQuery(document).ready(function(){ 
jQuery('.parent').addClass('dropdown'); 
jQuery('.parent > a').addClass('dropdown-toggle'); 
jQuery('.parent > a').attr('data-toggle', 'dropdown'); 
jQuery('.parent > a').attr('href','#'); 
jQuery('.parent > a').append('<span class="caret"></span>'); 
jQuery('.parent > ul').addClass('dropdown-menu'); 
});

更新

我还是要单击，然后将我的鼠标悬停在该下拉菜单项为它下拉列表或单击两次

从你的描述，它几乎听起来如果你有一个双重嵌套的下拉菜单。

您可能需要使用Web检查来检查你的Joomla网站，并将其与引导文件比较所产生的实际的HTML代码。我认为你需要的最低限度是

<li class="dropdown"> 
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a> 

    <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
    </ul> 
</li>

如果仍然没有喜悦，尝试取得此下拉HTML，创建一个自定义HTML模块，并将其添加到任何模块位置在您的网站，这可能帮助确定问题出在哪里是。

祝你好运！

来源

2017-06-25 03:49:42

嘿，我试图将它添加到索引然后我的JS，但它不适用于我。它所做的只是向每个下拉菜单项添加第二个箭头。我仍然需要点击，然后将鼠标移到下拉菜单项上，以便下拉或点击两次。 – user5854648

您是否尝试过使用网络检查器来查找任何错误？或者，如果您可以发布带有问题的网址，则可以更轻松地进行问题排查。 –

有一个在Web检查没有错误，但我没有注意正在加入什么，我发现了一些有趣的事情：当我点击它增加了下拉链接：一个导航悬停类NAV导航栏，导航menunavbar-NAV。因此，当我将鼠标悬停在我之前说过的下拉菜单上时，它会将打开的类添加到相应的菜单项中。我希望它是现场直播，但它现在在本地服务器上。 – user5854648

引导3导航栏下拉菜单问题

回答

相关问题