Question

我使用导航框架导航栏，现在我想使用summernote WYSIWYG HTML编辑器。

如果我导入bootstrap.min.js脚本，导航栏下拉菜单可以正常工作，但不是夏令时下拉（颜色选择等）。

如果我删除此脚本，则summernote有效，但导航栏下拉列表不起作用。我还删除了jquery.min.js并创建了自己的脚本，用于将类打开到下拉切换，因为jquery.min.js没有出现夏令营。

navbar和summernote下拉功能的任何解决方案？

Answer 1

试试这个：

KTable

Answer 2

尝试一下，我认为你可以通过css

来解决它

  .dropdown-menu > li > a {
           display: block;
            padding: 3px 20px;
            clear: both;
            font-weight: normal;
            line-height: 1.42857143;
            color: #333;
            white-space: nowrap;
  }

Answer 3

在summernote.css文件中

找到

.panel-heading.note-toolbar{padding:0 0 5px 5px;margin:0;}

更改为

.panel-heading.note-toolbar{padding:0 0 5px 5px;margin:0;overflow-y: unset;}

Answer 4

检查你的jquery版本。 summer的jQuery应该高于3.0.0。

Answer 5

检查是否只加载了jQuery和Bootstrap

Answer 6

我遇到了同样的问题，通过使用这个替换引导版本解决了

<!-- include libraries(jQuery, bootstrap) -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<!-- include summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>

Summernote下拉列表不适用于Bootstrap导航栏

6 个答案: