bootstrap模式在下拉菜单中不起作用 [英] bootstrap modal not working in dropdown menu

问题描述

Bootstrap 3.3在下拉菜单中不工作的情绪链接。

Bootstrap 3.3 not working moodal link in dropdown menu.

JSFiddle

<ul class="dropdown-menu" role="menu">
  <li><a href="#" data-toggle="modal" data-target="#new-list">Add New Link</a>

如果我从js modal中删除此行完美，但下拉菜单在点击后崩溃。下拉菜单必须打开。

If I remove this line from js modal works perfect, but dropdown menu collapses after click. Dropdown menu must be opened.

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

推荐答案

这是你应该做什么来做模态展示dropwdown：

This is what you should do to make modal show in dropwdown:

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

这篇关于bootstrap模式在下拉菜单中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！