无法使用 /xoxco/jQuery-Tags-Input 显示标签。*

Question

我正在尝试让 tagsinput 插件在 div 内的文本区域中工作，该文本区域由 jquery 对话框插件调用加载。

使用的插件是/xoxco/jQuery-Tags-Input.

我初步检查了文本区域元素是否准备就绪。被调用前一段时间。

标签输入插件没有将文本区域显示为标签。但是，当我在浏览器中从 firebug 尝试相同的操作时：

 $('#textarea').importTags('guava','cherry'); // this works

代码如下：

jsp 文件:

<div id="mydialog">
<textarea name="tags" id="textareaId">
</div>

javascript 文件:

$(document).ready(function(){

$("#mydialog").dialog({
    modal: true,
    draggable: false,
    resizable: false,
    position: ['center', 'top'],
    show: 'blind',
    hide: 'blind',
    width: 400,
    dialogClass: 'ui-dialog-osx',
    buttons: {
        "YES": function() {
            $(this).dialog("close");
        }
    }
});

$('#textarea').tagsInput({
   'autocomplete_url': '',
   'autocomplete': { 
       source: ['apple','banana'],
       autofill:true
    },
   'height':'100px',
   'width':'300px',
   'interactive':true,
   'defaultText':'add a tag',
});
$('#textarea').importTags('guava','cherry');
});

有什么帮助吗？

Answer 1

$('#textarea') 在调用 tagsinput 之前尚未在文档中准备好。我延迟了对 tagsinput 的调用，它工作正常。

无法使用 /xoxco/jQuery-Tags-Input 显示标签。*

Not able to show tags using /xoxco/jQuery-Tags-Input.*

html

javascript

jquery

jquery-tags-input