面板主体文本区域在 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')
我在折叠面板的一部分中显示信息,内容显示在 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')