javascript - 仅在将鼠标移至输入上方后才渲染文本文本标签

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');