jQuery過濾器后面板主體textarea消失

Question

我在折疊面板的一部分中顯示信息，內容顯示在panel-body內部的<textarea>元素中，但是顯示的文本存儲在HTML因此我使用Summernote進行顯示，效果很好，但是當我將搜索，如果該搜索與panel-header內容匹配，則panel-header不顯示textarea / summernote元素。

檢查的jsfiddle如果搜索one使過濾器和顯示你右邊的面板，但是當試圖展開面板的textarea / summernote元素不存在。 但是，如果您搜索lorem ，則會顯示面板，並且可以擴展。

我該如何解決？ 是因為使用summernote還是我用來搜索的jquery腳本？

Answer 1

當您檢查實時html時，很容易發現問題。 summernote插件還使用panel類，因此當您隱藏panel它也會被隱藏。

一個快速的解決方法是使用：

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

演示

Answer 2

我將<textarea>更改為<div>並且它可以工作。

僅使用<textarea>有什么限制嗎？

如果是這樣，請告訴我，然后我可以嘗試提出一個真正的解決方案。

或者，您也可以不浪費時間就擺脫這個：)