javascript - Textext jquery 插件不适用于多个 TextArea

Question

我在表格中使用Textext Jquery 插件，每一行都有一个 textarea 让用户选择参数。

所有 textarea 都已初始化，但它们不起作用，并且仅在最后一行 textarea 按预期工作。其余的我什至不能在 textarea 输入中添加任何文本。

这是我的 HTML：

 <td class="cat-params-container col-lg-4">
     <textarea id="params_{{ c['id'] }}" name="params" class="textarea-params" rows="1"></textarea>
</td>

和 JS 初始化：

$('.textarea-params').textext({ plugins: 'tags' });

score 1 · Accepted Answer

问题是这个插件创建了一个绝对定位的包装器div.text-wrap，因此 textareas 相互覆盖。

尝试禁用此功能，例如：

.text-wrap {
    position: relative !important;
}

这是一个JSFiddle

1 回答 1