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

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

的jsfiddle

 
Add New Link 

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

 $('.dropdown-menu').click(function(e) { e.stopPropagation(); }); 

Answer 1

这是你应该做什么来在dropwdown中进行模态显示：

 $('.dropdown-menu').click(function(e) { e.stopPropagation(); if ($(e.target).is('[data-toggle=modal]')) { $($(e.target).data('target')).modal() } }); 

演示： http ： //jsfiddle.net/wkc5md23/8/

Answer 2

删除jQuery函数$('.dropdown-menu').click并确保下拉菜单显示如下：

HTML

 
 
 I am a item 
 
 Add New Link 
 
 
  

CSS

 .list li ul { display: none; } 

解决方案1.纯CSS，显示hover时的下拉菜单：

 .list li:hover ul { display: block } 

解决方案2.只需jQuery，点击即可显示下拉列表：

使用CSS类显示下拉列表：

 .open { display: block } 

并使用jQuery执行此操作：

 $('.list li a').click(function(){ $(this).next().toggleClass('open'); });