帶有Rails Cocoon gem的Jquery遮罩問題：每次創建新條目

Question

我正在使用Cocoon 1.1.1來嵌套Person模型的電話字段。 我想要輸入電話號碼的掩碼，因此我在javascript文件夾下包括了jquery.maskedinput-1.3.min.js 。

似乎當我應用該蒙版時，提交給Rails的參數缺少電話屬性的id ：

 "phones_attributes"=>{"0"=>{"number"=>"214-648-4417", "label"=>"Work", "_destroy"=>"", "id"=>''}}}

每次都會創建新條目。 此時，我沒有添加新的電話號碼，只是單擊“更新”。

這是我的咖啡腳本：

jQuery.fn.addPhoneMasks = ->
  $('input[id*="phone"]').each ->
    $(this).mask("999-999-9999?")

jQuery ->
  $('div#phones').addPhoneMasks()

（注意：我將需要使用插入回調將掩碼應用於新插入的電話字段，但我還沒有到這里:)）

Answer 1

我發現了我的錯誤：掩碼不應該使用id*="phone"因為jquery插件向繭的隱藏字段添加了一個值。

我的解決方案是為電話創建一個類，然后使用該類進行選擇。