为标签编辑器jquery设置initialTags

时间:2016-10-11 12:49:39

标签: javascript jquery jquery-ui

我的项目使用了以下jquery。

tag editor

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

例如:

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

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

但是在这里它不起作用..任何人都可以帮助我吗???

3 个答案:

答案 0 :(得分:2)

在此上下文中,

this不是匹配的元素。你可以做的是使用缓存变量:

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

但不要忘记initialTags必须是阵列。

答案 1 :(得分:0)

试试这个!

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

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

答案 2 :(得分:0)

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