jquery过滤器后面板正文文本区域消失答案

【问题标题】：panel-body textarea disappear after jquery filterjquery过滤器后面板正文文本区域消失
【发布时间】：2016-09-23 18:11:02
【问题描述】：

我在折叠面板的一部分中显示信息，内容显示在panel-body 内的<textarea> 元素中，但显示的文本存储在HTML 中，所以我使用Summernote 来显示它，效果很好，但是当我进行搜索时，如果该搜索与 panel-header 内容匹配，则面板不会显示 textarea/summernote 元素。

如果您搜索one，请检查jsfiddle 会生成过滤器并向您显示右侧面板，但是当尝试展开面板时，textarea/summernote 元素不存在。但是如果你搜索lorem会显示面板并且可以展开。

我该如何解决这个问题？是因为使用了summernote还是我用来进行搜索的jquery脚本？

【问题讨论】：

标签： javascript jquery html summernote

【解决方案1】：

我将<textarea> 更改为<div>，它可以工作。

只使用<textarea> 有什么限制吗？

如果是这样，请告诉我，然后我可以尝试提出一个真正的解决方案。

或者你可以不用浪费时间就摆脱这个:)

【讨论】：

对。 @charlietfl 你成功了！

【解决方案2】：

检查实时 html 时很容易发现问题。 Summernote 插件还使用了 panel 类，因此当您隐藏 panel 时，它也会被隐藏。

使用快速解决方法：

 $('.panel').not('.note-editor')

DEMO

【讨论】：

这很好用，所以我要检查的另一点是过滤器在第二个字母之后开始，并且仅在我使用summernote时发生，所以我想我必须检查实时HTML来找出原因，谢谢你这么多=D。
取决于您键入的内容...请记住，您正在检查面板中的每一位文本