仅在将鼠标移到输入上后文本文本渲染标签

Question

我使用插件 TextExt 进行自动完成和标记

$('#keywords').textext({
        plugins : 'autocomplete tags',
        itemManager: CustomItemManager,
        tagsItems: [{value:'a', id:1}]
})

页面加载后标签不呈现，但只有当我将鼠标移到输入字段上时它们才会呈现。我怎样才能强制插件渲染它们

Answer 1

好吧，如果有人对解决方案感兴趣的话。

标签只有在您将鼠标移到文本输入元素上后才会开始呈现。我打开 html 检查器查看这个元素，看看标签是否有 css 规则 display: none;，但我注意到我的输入元素有事件监听器 'mousemove'（这个事件强制渲染标签，插件 TextExt 添加它）。所以解决办法就是触发这个事件。在我的情况下，它是在初始化 'textext'

后触发此事件

$('#keywords').textext({
        plugins : 'autocomplete tags',
        itemManager: CustomItemManager,
        tagsItems: [{value:'a', id:1}]
})

$('#keywords').trigger('mousemove');

仅在将鼠标移到输入上后文本文本渲染标签

textext render tags only after move mouse over input

javascript

jquery

jquery-textext