物化標籤在生產環境中重疊env

我使用物化爲我的網頁，問題是標籤與文本重疊在字段上，這個問題只發生在生產環境中，但在開發中工作正常物化標籤在生產環境中重疊env

<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>

來源

2016-11-01 Johnson

你可以張貼截圖？ –

我已經提供了代碼的一部分，我得到的問題 – Johnson

我有同樣的問題，但只有通過ajax加載頁面時。據對this issue的意見，爲我工作的代碼是：

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

他們說問題解決了，但即使是在上一個版本我還是得到了錯誤。無論如何，上面的代碼修復了這個錯誤。

來源

2016-11-01 10:53:00 Victor

但我沒有在這種形式中使用任何ajax請求。 – Johnson

@Johnson它似乎是一個bug，無論如何只是執行'updateTextFields'函數將解決您的問題 – Victor

已經嘗試了這兩種方法。但沒有得到預期的結果。 @victor，任何其他方式來解決這個問題，我使用軌道4物化和最有可能在預編譯生產資產後提出的這個問題 – Johnson

只需添加active類爲您的標籤：

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

另一種方式來解決這個問題是要重新初始化標籤用JavaScript函數：

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

來源

2016-11-01 12:23:20

已經嘗試過活動類，這是確定的，當文本字段預填充或在頁面加載自動填充，但我在正常頁面，我沒有任何自動填充，如果我使用這個活動的類爲這些頁面標籤永久保持活動，即使我沒有輸入任何文字它。 – Johnson

物化標籤在生產環境中重疊env

回答

相關問題