Bootstrap 3 Navbar下拉菜单问题

Question

Joomla的新手。我正在使用Bootstrap 3构建Joomla网站，并正确装载了它，到目前为止它运行良好。我有一个导航菜单，其中项目是下拉菜单，我不希望它们在单击时重定向，而只是删除链接列表。我几乎可以通过此实现这一目标：

菜单项类型：外部链接

链接：＃

问题是它不会下降菜单。单击一次下拉菜单项后，我会徘徊在显示其链接上，如果我悬停在我单击的链接上，它将出现。但这不仅会出现在单击中。非常感谢帮助！

html

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

Answer 1

尝试将以下内容添加到主题的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');
});

update

我仍然必须点击，然后移动鼠标以悬停在 下拉菜单项要下拉或单击两次

根据您的描述，听起来好像您有双嵌套下拉列表。

您可能需要使用Web检查器检查Joomla网站生成的实际HTML代码，并将其与Bootstrap文档进行比较。我认为您需要的最低限度是

<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模块，然后将其添加到网站上的任何模块位置，这可能有助于确定问题所在。

祝你好运！

Answer 2

我通过jQuery找到了解决方案。事实证明，不是在第一次单击时添加"打开"类。它将需要两次单击或一键，然后悬停在另一个下拉元素上。这是我解决的方式：

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