将 jquery 拼写检查添加到动态生成的文本区域

Question

我正在尝试在我正在构建的应用程序上使用 Brandon Aaron 的 jquery 拼写检查器。

https://github.com/brandonaaron/jquery-spellcheck#readme

我已经设置脚本和拼写检查根据需要在作为原始页面代码一部分的文本区域上工作。拼写检查行为通过文档头部中的以下代码与相关字段关联：

$('#test4').spellcheck({ events: 'keyup' });

当我尝试将相同的行为添加到新的表单元素时，例如：

var textarea = $("<textarea>");
textarea.spellcheck({ events: 'keyup' });

[NB 最初有 $("").html()但已根据下面的建议更改了此设置并得到相同的错误]

我收到以下错误（来自谷歌浏览器控制台）

Uncaught TypeError: Object # has no method 'spellcheck'

我认为这是因为拼写检查器在某些时候关联了拼写检查方法与每个现有的textarea 但是当我创建一个新的时它没有这个方法？如果是这样，我如何将该行为与新元素关联起来？或者我走错了路？

非常感谢任何帮助。

谢谢，

德里克

Answer 1

拼写检查脚本是一个 jQuery 插件，因此它只能在 jQuery 对象上运行，而不能在 DOM 节点或 HTML 字符串上运行。正在做：

var textarea = $("<textarea/>");

// Note: you may need to insert the textarea into the document
// before calling the spellchecker. E.g. like this:
$('body').append(textarea);

textarea.spellcheck({ events: 'keyup' });

应该工作。

Answer 2

我认为你需要：

var textarea = $("textarea");
textarea.spellcheck({ events: 'keyup' });

Answer 3

你不应该将textarea分配给$.html()，因为这只是一个字符串，所以你不能将它链接到拼写检查，

typeof $("#notify-container").html() == string

所以它应该是：

var textarea = $("textarea");
textarea.spellcheck({ events: 'keyup' });

然后将textarea附加到正文或你想要的地方