Twitter bootstrap Joomla 3.1中的引导下拉菜单

我正在努力让引导菜单与下拉菜单一起工作，就像Joomla 3.1中应该的那样。我快到了，但还不完全到： 对于我使用的js脚本

---

这非常好，但有一点需要纠正：菜单栏中的链接仅用于显示其下的菜单。我需要的是让toplink也能正常工作。我如何才能做到这一点？

不幸的是，由于您需要单击顶部菜单项以显示其下方的下拉列表，因此您不能在此项上有链接，必须将其设置为href=否则每次单击它时都会重新加载页面，因此不会显示下拉列表。如果你的设置真的有效，当鼠标悬停时，菜单会显示出来，不需要点击，只需删除即可

$('.parent > a').attr('data-target', '#');

如果您已经正确设置了菜单项类型，那么这将使菜单项上的链接保持不变

希望这有帮助

出于完整性考虑，我在Joomla 3.2中使用了以下内容

jQuery(document).ready(function(){

        // dropdown

        jQuery('.parent').addClass('dropdown');
        jQuery('.parent > a').addClass('dropdown-toggle');
        jQuery('.parent > a').attr('data-toggle', 'dropdown');
        jQuery('.nav > .parent > a').attr('href','#');
        jQuery('.parent > a').append('<span class="caret"></span>');
        jQuery('.parent > ul').addClass('dropdown-menu');
        jQuery('.nav-child .parent').removeClass('dropdown');
        jQuery('.nav-child .parent').addClass('dropdown-submenu');
        jQuery('.dropdown-submenu > a').removeAttr('class');
        jQuery('.dropdown-submenu > a').removeAttr('data-toggle', 'dropdown');
        jQuery('.dropdown-submenu > a > span').remove();
    });

---

Lev

不幸的是，由于您需要单击顶部菜单项以显示其下方的下拉列表，因此您不能在该项上设置链接，它必须设置为href=否则每次单击它时都会重新加载页面，因此不会显示下拉列表。如果你的设置真的有效，当鼠标悬停时，菜单会显示出来，不需要点击，只需删除即可

$('.parent > a').attr('data-target', '#');

如果您已经正确设置了菜单项类型，那么这将使菜单项上的链接保持不变

希望这有帮助

出于完整性考虑，我在Joomla 3.2中使用了以下内容

jQuery(document).ready(function(){

        // dropdown

        jQuery('.parent').addClass('dropdown');
        jQuery('.parent > a').addClass('dropdown-toggle');
        jQuery('.parent > a').attr('data-toggle', 'dropdown');
        jQuery('.nav > .parent > a').attr('href','#');
        jQuery('.parent > a').append('<span class="caret"></span>');
        jQuery('.parent > ul').addClass('dropdown-menu');
        jQuery('.nav-child .parent').removeClass('dropdown');
        jQuery('.nav-child .parent').addClass('dropdown-submenu');
        jQuery('.dropdown-submenu > a').removeAttr('class');
        jQuery('.dropdown-submenu > a').removeAttr('data-toggle', 'dropdown');
        jQuery('.dropdown-submenu > a > span').remove();
    });

列夫

.navbar .navbar-inner {
    padding: 0;
    font: Arial;
}
/* .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;*/
}
.navbar .nav li {
    display: table-cell;
    width: 1%;/*        float: none;*/
}
.navbar .nav li a {
    text-align: center;
    border-left: 1px solid rgba(255,255,255,.75);
    border-right: 1px solid rgba(0,0,0,.1);
}
.navbar .nav li:first-child a {
    border-left: 0;
    border-radius: 3px 0 0 3px;
}
.navbar .nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}