我想在确认消息中使用自定义CSS。
我已经使用本教程开始了: http://thelazylog.com/custom-dialog-for-data-confirm-in-rails/
我的JS:
//Override the default confirm dialog by rails
$.rails.allowAction = function(link){
if (link.data("confirm") == undefined){
return true;
}
$.rails.showConfirmationDialog(link);
return false;
}
//User click confirm button
$.rails.confirmed = function(link){
link.data("confirm", null);
link.trigger("click.rails");
}
//Display the confirmation dialog
$.rails.showConfirmationDialog = function(link){
var message = link.data("message");
var title = link.data("title");
$.fn.SimpleModal({
model: "modal",
title: title,
contents: message
}).addButton("Confirm", "button alert", function(){
$.rails.confirmed(link);
this.hideModal();
}).addButton("Cancel", "button secondary").showModal();
}
在我的视图页面上,我有以下链接:
<%= link_to "next page", nextpage_path, data: {confirm: "", message: "We need your confirmation", title: "Please confirm"} %>
点击此链接后,它会正确显示模态,但是一旦我点击确认,它就会关闭模态,我必须重新点击链接才能将我重定向到下一页。
简而言之,$ .rails.confirmed(链接);和this.hideModal();正在工作,但我需要它重定向到link_to中指定的路径。
我该如何实现这种行为?