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');
});

<强>更新

我仍然需要点击，然后移动我的鼠标悬停在下拉菜单项，用于下拉或单击两次

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

您可能希望使用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找到了解决方案。事实证明它并没有添加“打开”＃39;第一次点击时的课程。只需点击两次或单击一下，鼠标悬停在另一个下拉元素上。以下是我如何解决它：

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

Bootstrap 3 Navbar下拉菜单问题

2 个答案: