Rails: Foundation 5 Reveal Modal to Submit 按钮

Question

我有一个表格，其中一半在“Targeting”显示模态上。例如，用户将填写表单中的某些字段，单击下一步（其中名为“Define Targeting”）按钮，其中会弹出一个模式以完成表单。

当他们单击“完成”提交按钮时，我希望它保存并关闭模式并留在主表单页面上。

我遇到的问题是，只要我有 class: "close-reveal-modal"，它就不会保存我的记录。删除后，它会保存记录，但它确实会失去关闭模式的能力。

这是提交按钮..

<%= f.submit "Done", class: "close-reveal-modal", remote: true %>

..和额外的 Javascript 来触发提交。

$(document).ready(function(){
    $(".close-reveal-modal").click(function(){

        var isSelected = $("#campaign_plan_id").val();

        if (isSelected.length > 0){
            $('form#new_campaign').trigger('submit.rails');
            $("#target-button").hide();
            $("#campaign-create-button").css("display", "block").css("background-color", "#E37368");
        }
    });
})

如果需要更清楚的信息，请告诉我，我很乐意添加到 post。我正在通过这个过程学习 Zurb，Javascript 不一定是我的强项。

Answer 1

将 class 名称更改为 close-button 之类的名称，然后：

$(document).ready(function(){
    $(".close-button").click(function(){

        var isSelected = $("#campaign_plan_id").val();

        if (isSelected.length > 0){
            $('form#new_campaign').trigger('submit.rails');
            $("#target-button").hide();
            $("#campaign-create-button").css("display", "block").css("background-color", "#E37368");
        }

        $(this).closest('[data-reveal]').foundation('reveal', 'close');
    });
})

Rails: Foundation 5 Reveal Modal to Submit 按钮

Rails: Foundation 5 Reveal Modal to Submit Button

javascript

ajax

jquery

ruby-on-rails

zurb-foundation