为标签编辑器设置 initialTags jquery

Question

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

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

例如：

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

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

但是这里不行..谁能帮我解决这个问题？？？

Answer 1

this 在此上下文中不是匹配的元素。你可以做的是使用缓存变量：

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

但是不要忘记 initialTags 必须是一个数组。

Answer 2

试试这个！

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

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

Answer 3

https://jsfiddle.net/hasmukhmistry/a0nyw2oy/ - fiddle 已更新，

<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

为标签编辑器设置 initialTags jquery

set initialTags for tag-editor jquery

javascript

jquery

jquery-ui

jquery-tageditor