面板主体文本区域在 jquery 过滤器后消失

panel-body textarea disappear after jquery filter

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

如果您搜索 one,请选中 jsfiddle 进行过滤并向您显示正确的面板,但是当尝试展开面板时,textarea/summernote 元素不存在。但是如果你搜索 lorem 显示面板并且可以展开。

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

我将 <textarea> 更改为 <div> 并且有效。

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

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

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

当你检查 live 时很容易找出问题 html。 summernote 插件也使用 panel class 所以当你隐藏 panel 它也会被隐藏。

一个快速的解决方法是使用:

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

DEMO