Question

我在我的网页上使用了materialise，问题是标签与文本上的字段重叠，这个问题只出现在生产环境中，但在开发中工作正常

<div class="input-field col s12">
  <%= f.text_field :phone, id: "phno", "data-parsley-error-message" => "Please enter your phone number.", required: true %>
  <label for="phno">Phone</label>
</div>

Answer 1

我遇到了同样的问题，但仅限于通过ajax加载页面时。根据对this issue的评论，对我有用的代码是：

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

他们说问题已经解决，但即使在最后一个版本中我仍然遇到了错误。无论如何，上面的代码修复了这个错误。

Answer 2

只需为您的标签添加课程active：

<label for="phno" class="active">Phone</label>

解决此问题的另一种方法是使用javascript函数重新初始化标签：

$(document).ready(function() {
  Materialize.updateTextFields();
});

Materialise标签在生产环境中重叠

2 个答案: