Question

如何使用alertify自定义rails确认对话框？我尝试了这个代码，关于jquery_ujs，它应该工作：

$.rails.confirm = function(msg){
  alertify.confirm(msg, function (e) {
    if (e) {
        return true;
    } else {
       return false;
    }
  });
};

示例rails call：

<%= link_to system_communication_gallery_video_path(@gallery.id, video.id), method: :delete, remote: true, confirm: "Are you sure?" do %>

Answer 1

我也在摆弄这种覆盖，偶然发现了这个问题。此代码段不起作用，因为alertify.confirm的结果未返回$.rails.confirm。

<强>更新

经过一番搜索后，我发现了rors的演示。

重要提示：在HTML中，您必须拥有两个数据属性：data-confirm和data-method。其中data-method可以是RESTful方法（GET，POST，PUT，PATCH，DELETE）。

使用Javascript：

$.rails.allowAction = function(element){
    if( undefined === element.attr('data-confirm') ){
        return true;
    }

    $.rails.showConfirmDialog(element);
    return false;
};

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

$.rails.showConfirmDialog = function(element){
    var msg = element.data('confirm');
    alertify.confirm(msg, function(e){
        if(e){
            $.rails.confirmed(element);
        }
    })
};

Haml的：

= link_to 'Link title', root_path, {data: {confirm: 'Are you sure you want to go home?', method: 'get'}}

alertify.js - rails自定义确认对话框

1 个答案: