Question

我正在尝试动态更新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。希望任何人都可以帮助我解决这个问题。提前谢谢。

编辑：这是解决方案：首先'破坏'textarea。 fiddle

Answer 1

您只需要先使用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

即时更新jQuery-highlightTextarea

1 个答案: