为标签编辑器 jquery 设置 initialTags答案

【问题标题】：set initialTags for tag-editor jquery为标签编辑器 jquery 设置 initialTags
【发布时间】：2019-09-27 16:07:11
【问题描述】：

我在我的项目中使用了以下 jquery。

我想从 textarea 的属性中设置 tagEditor() 的 initialTags 参数..

例如：

<textarea id="demo3" data-json=""></textarea>

$('#demo3').tagEditor({
initialTags: $(this).attr("data-json"),
placeholder: 'Enter tags ...'
});

但是在这里它不起作用..谁能帮我解决这个问题？？？

【问题讨论】：

标签： javascript jquery jquery-ui jquery-tageditor

【解决方案1】：

this 在这种情况下不是匹配的元素。您可以做的是使用缓存变量：

var $demo3 = $('#demo3');
$demo3.tagEditor({
  initialTags: $demo3.data("json"),
  placeholder: 'Enter tags ...'
});

但别忘了initialTags 必须是一个数组。

【讨论】：

在这里检查小提琴，jsfiddle.net/hasmukhmistry/a0nyw2oy 现在有点问题.. 有什么帮助吗？？
你能更新 jsFiddle 来处理你的情况吗？实际上，您发布的链接没有任何 js 脚本，也没有任何 data-json。我想，你的问题是因为你需要传递一个数组，而不是字符串。例如：fiddle.jshell.net/ofqh0jfa/1

【解决方案2】：

试试这个！

$('#demo3').tagEditor({ 
    initialTags: ['tag1', 'tag2', 'tag3']
});

您应该从数组中获取输入数据。您正在从 textarea 的一个空属性中获取数据。

【讨论】：

【解决方案3】：

https://jsfiddle.net/hasmukhmistry/a0nyw2oy/ - 小提琴已更新，

<textarea id="demo3" data-json="some, tags" class="tag-editor-hidden-src" readonly="readonly" style="display: block;"></textarea>
var $demo3 = $('#demo3');
$demo3.tagEditor({
  initialTags: $demo3.data("json").split(','),
  placeholder: 'Enter tags ...'
});

谢谢@A。沃尔夫-Profile

【讨论】：