小编Kas*_*ara的帖子

阻止关闭点击的Bootstrap下拉列表

我的菜单使用Bootstrap 3,我不能阻止关闭点击下拉.我该怎么做?

的jsfiddle

 // Add open class if active
  $('.sidebar-nav').find('li.dropdown.active').addClass('open');

  // Open submenu if active
  $('.sidebar-nav').find('li.dropdown.open ul').css("display","block");

  // Change active menu
  $(".sidebar-nav > li").click(function(){
    $(".sidebar-nav > li").removeClass("active");
    $(this).addClass("active");
  });

  // Add open animation
  $('.dropdown').on('show.bs.dropdown', function(e){
    $(this).find('.dropdown-menu').first().stop(true, true).slideDown();
  });

  // Add close animation
  $('.dropdown').on('hide.bs.dropdown', function(e){
    $(this).find('.dropdown-menu').first().stop(true, true).slideUp();
  });
Run Code Online (Sandbox Code Playgroud)

javascript jsfiddle twitter-bootstrap drop-down-menu

10
推荐指数
2
解决办法
3万
查看次数

bootstrap模式在下拉菜单中不起作用

Bootstrap 3.3在下拉菜单中没有工作情绪链接.

的jsfiddle

<ul class="dropdown-menu" role="menu">
  <li><a href="#" data-toggle="modal" data-target="#new-list">Add New Link</a>
Run Code Online (Sandbox Code Playgroud)

如果我从js模态删除此行完美,但下拉菜单在单击后折叠.必须打开下拉菜单.

$('.dropdown-menu').click(function(e) {
    e.stopPropagation();
});
Run Code Online (Sandbox Code Playgroud)

javascript jquery modal-dialog twitter-bootstrap drop-down-menu

4
推荐指数
1
解决办法
6809
查看次数