javascript - 即时更新jQuery-highlightTextarea

我正在尝试动态更新jQuery插件"highlightTextarea"，但是它无法按我的意愿运行。
我可以按预期的方式初始化textarea，但是textarea不在乎更新。

<textarea id="textarea">this is a test</textarea>

$('#textarea').highlightTextarea({ words: ['this'] }) // <--- working
$('#textarea').highlightTextarea({ words: ['is'] }) // <--- not working
$('#textarea').highlightTextarea({ words: ['a'] }) // <--- not working

我为您准备了一些fiddle。希望任何人都可以帮助我解决该问题。提前致谢。

编辑：这是解决方案：首先“破坏”文本区域。 fiddle

最佳答案

您只需要先使用destroy选项：

$('#textarea').highlightTextarea('destroy')
$('#textarea').highlightTextarea({ words: [split[counter]], wordsOnly:true })

为了检查该选项的工作方式，您可以查看https://github.com/garysieling/jquery-highlighttextarea/blob/master/jquery.highlighttextarea.js中的185行

JsFiddle Demo