Question

我正在使用simple_form在Rails 4中工作，并使用wicked创建向导。

我有一个效果很好的按钮：

<%= f.button :button, "<i class='fa fa-chevron-right btn-next'></i>".html_safe, data: {disable_with: "<i class='fa fa-spinner fa-spin fa-2x'></i>"} %>

但是对于其中一个步骤，我想添加一个像这样的弹出窗口（也可以）：

<%= f.submit :button, data: {confirm: "Are you sure this information is correct?"} %>

但是，我无法弄清楚如何将它们放在一起，如下所示：

<%= f.button :button, "<i class='fa fa-chevron-right btn-next'></i>".html_safe, data: { confirm: "Are you sure this information is correct?", disable_with: "<i class='fa fa-spinner fa-spin fa-2x'></i>"} %>

这最终会做2次弹出，然后不提交任何内容并保持在同一页面上。

有什么想法吗？谢谢！

Answer 1

当我将代码替换为现有simple_form代码上的按钮时似乎有效。嗯，你可以发布simple_form的代码吗？

Answer 2

事实证明这是jquery-rails gem的一个问题。

https://github.com/rails/jquery-rails/issues/173

在我的gem文件中，我改变了这个： gem＆＃39; jquery-rails＆＃39;

对此： gem＆＃39; jquery-rails＆＃39;，＆＃39;〜＆gt; 3.0＆＃39;

Answer 3

$('.submit-button').on("click", function() {
    if (confirm('Are you sure ?')) {
        $(".form-vertical").submit();
    }
})

<%= f.button :button, "<i class='fa fa-chevron-right btn-next'></i>".html_safe, data: {disable_with: "<i class='fa fa-spinner fa-spin fa-2x'></i>"}, class: 'submit-button' %>

rails simple_form提交按钮并确认

3 个答案: