当通过javascript填充输入框时,使实体标签移出输入框

Question

通常,使用Materialize,文本输入框的标签会显示在输入框内,直到用户输入选择框并在其中输入文本.但是,当通过javascript填充框的值时,标签不会移开.它保留在框中并与输入的文本重叠.有没有办法用javascript触发标签转换,所以这不会发生？

Answer 1

更具体地说,如果您在启用了turbolink的Rails中使用Materialise,您会发现预填充非空值的Materialise表单字段在页面加载时不活动.

以下方法对我有用:

$(function() {
    M.updateTextFields();
});

它会'active'为相应的标签和前缀图标添加类.

Answer 2

通过将active类添加到标签的元素来触发标签转换行为.因此,如果您使javascript将该类添加到标签(例如$('label').addClass('active'))以及填充字段,则标签将转换出字段,就像用户操作选择时一样.