2012-11-13 146 views
5

我需要在我的Rails應用程序中自定義確認框。我發現this,將js代碼添加到我的application.js中,但似乎$ .rails未定義。

這是我加入的application.js文件的代碼:

$.rails.allowAction = function(link) { 
    if (!link.attr('data-confirm')) { 
    return true; 
    } 
    $.rails.showConfirmDialog(link); 
    return false; 
}; 

$.rails.confirmed = function(link) { 
    link.removeAttr('data-confirm'); 
    return link.trigger('click.rails'); 
}; 

$.rails.showConfirmDialog = function(link) { 
    var html, message; 
    message = link.attr('data-confirm'); 
    html = "<div class=\"modal\" id=\"confirmationDialog\">\n <div class=\"modal-header\">\n <a class=\"close\" data-dismiss=\"modal\">Ã</a>\n <h3>Are you sure Mr. President?</h3>\n </div>\n <div class=\"modal-body\">\n <p>" + message + "</p>\n </div>\n <div class=\"modal-footer\">\n <a data-dismiss=\"modal\" class=\"btn\">Cancel</a>\n <a data-dismiss=\"modal\" class=\"btn btn-primary confirm\">OK</a>\n </div>\n</div>"; 
    $(html).modal(); 
    return $('#confirmationDialog .confirm').on('click', function() { 
    return $.rails.confirmed(link); 
    }); 
}; 

我得到一個錯誤「遺漏的類型錯誤:無法設置屬性未定義‘allowAction’」。

你知道怎麼回事嗎? (jquery_ujs創業板已安裝併成功加載)

謝謝你在前進,

Jercoh

回答

3

您需要:

gem 'jquery-rails' 

不是jquery_ujs。

+0

jquery-rails已經安裝。 – Jercoh

+1

既然你說過你把它放在application.js中,你可能沒有使用資產管道,所以我會檢查加載腳本的順序。這些東西應該在底部。 –

2

我把這個代碼放到一個名爲custom.confirm.js,然後把這兩行

//= require jquery_ujs 
//= require custom.confirm.js 

在application.js中的底部,和它的工作,謝謝!

0

我剛剛遇到同樣的問題,它在Firefox上運行良好,但不是Chrome。我想這是由於Chrome緩存,並通過清理與我的開發服務器相關的所有瀏覽器緩存來修復它,