您可以停止单击下拉列表中的传播，然后使用carousel javascript方法手动重新实现carousel控件。

$('ul.dropdown-menu.mega-dropdown-menu').on('click', function(event) {
    event.stopPropagation();
});

$('a.left').click(function () {
    $('#carousel').carousel('prev');
});

$('a.right').click(function () {
    $('#carousel').carousel('next');
});

$('ol.carousel-indicators li').click(function (event) {
    var index = $(this).data("slide-to");
    $('#carousel').carousel(index);
});

这是jsfiddle。

您可以简单地执行事件。链接本身的点击事件的stopPropagation。 就像这样。

    $(".dropdown-menu a").click((event) => {
         event.stopPropagation()
         let url = event.target.href
         //Do something with the url or any other logic you wish
    })

编辑:如果有人看到这个答案，并正在使用react，它将无法工作。 React以不同的方式处理javascript事件，当你的React事件处理程序被调用时，事件已经被触发并传播。为了克服这个问题，您应该像这样手动附加事件

handleMenuClick(event) {
   event.stopPropagation()
   let menu_item = event.target
   //implement your logic here.
}
componentDidMount() {
    document.getElementsByClassName("dropdown-menu")[0].addEventListener(
        "click", this.handleMenuClick.bind(this), false)
   }
}

在Angular2 Bootstrap中，你可以在大多数情况下使用nonInput:

<div dropdown autoClose="nonInput">

nonInput -(默认值)当任意元素被单击时自动关闭下拉菜单-只要被单击的元素不是输入或文本区域。

https://valor-software.com/ng2-bootstrap/#/dropdowns

对我来说，最简单的解决方案是:

将keep-open类添加到不会导致下拉关闭的元素中 下面这段代码完成剩下的工作:

$('.dropdown').on('click', function(e) {
    var target = $(e.target);
    var dropdown = target.closest('.dropdown');
    return !dropdown.hasClass('open') || !target.hasClass('keep-open');
});

Bootstrap提供以下功能:

                 | This event is fired immediately when the hide instance method 
hide.bs.dropdown | has been called. The toggling anchor element is available as the 
                 | relatedTarget property of the event.

因此，实现这个函数应该能够禁止关闭下拉列表。

$('#myDropdown').on('hide.bs.dropdown', function (e) {
    var target = $(e.clickEvent.target);
    if(target.hasClass("keepopen") || target.parents(".keepopen").length){
        return false; // returning false should stop the dropdown from hiding.
    }else{
        return true;
    }
});

而不是写一些javascript或jquery代码(重新发明轮子)。上面的场景可以通过引导自动关闭选项来管理。 你可以提供任意一个值来自动关闭:

always -(默认值)在点击任何元素时自动关闭下拉菜单。 outeclick -仅当用户单击下拉框外的任何元素时自动关闭下拉框。 Disabled -禁用自动关闭

看看下面的plunkr:

http://plnkr.co/edit/gnU8M2fqlE0GscUQtCWa?p=preview

Set

uib-dropdown auto-close="disabled" 

希望这对你有所帮助。