jquery - Rails 使用 Jquery AJAX 销毁确认

Question

我已经完成了大部分工作。我的 Rails 链接是:

<%= link_to(image_tag('/images/bin.png', :alt => 'Remove'), @business, :class => 'delete', :confirm => 'Are you sure?', :id => 'trash') %>

:class => "delete" 正在调用 ajax 函数，以便将其删除并且页面不会刷新，效果很好。但由于页面没有刷新，所以它仍然存在。所以我的 id 垃圾正在调用这个 jquery 函数:

$('[id^=trash]').click(function(){
            var row = $(this).closest("tr").get(0);
            $(row).hide();
            return false;
});

这隐藏了我点击的垃圾图标行。这也很有效。我以为我已经解决了所有问题，然后我遇到了这个问题。当您单击我的垃圾桶时，我会弹出此确认框，询问您是否确定。无论您选择取消还是接受，jquery 都会触发并隐藏该行。它不会被删除，只是隐藏直到您刷新页面。我尝试更改它，以便通过 jquery 完成提示，但无论我在提示中选择什么，rails 都会删除该行，因为调用提示时正在调用 .destroy 函数。

我的问题实际上是如何从 Rails 确认弹出窗口中获取取消或接受的值，以便在我的 jquery 中我可以有一个 if 语句，如果单击“接受”则隐藏，如果单击“取消”则不执行任何操作。

编辑:回答下面的问题。 那没有用。我尝试将链接更改为:

<%= link_to(image_tag('/images/bin.png', :alt => 'Remove'), @business, :class => "delete",  :onclick => "trash") %>

并将其放入我的 jquery

function trash(){
if(confirm("Are you sure?")){
    var row = $(this).closest("tr").get(0);
    $(row).hide();
    return false;
} else {
//they clicked no.
}
}

但是该函数从未被调用。它只是在没有提示的情况下删除它，并且不会隐藏它。 但这给了我一个想法。

我获取了ajax调用的删除函数

     $('a.delete').click (function(){
            $.post(this.href, {_method:'delete'}, null, "script");
            $(row).hide();
});

并修改它来实现您的代码:

删除:confirm => '您确定吗？'

$('a.delete').click (function(){
        if(confirm("Are you sure?")){
            var row = $(this).closest("tr").get(0);
            $.post(this.href, {_method:'delete'}, null, "script");
            $(row).hide();
            return false;
        } else {
            //they clicked no.
            return false;
        }

});

这可以解决问题。

Answer 1

删除 :confirm => '你确定吗？'

$('a.delete').click (function(){
            if(confirm("Are you sure?")){
                var row = $(this).closest("tr").get(0);
                $.post(this.href, {_method:'delete'}, null, "script");
                $(row).hide();
                return false;
            } else {
                //they clicked no.
                return false;
            }

    });