Rails：Foundation 5 显示提交按钮的模式

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");
        }
    });
}) 

如果需要更明确的说明，请告诉我，我很乐意添加到帖子中。我正在通过这个过程学习 Zurb，而 Javascript 不一定是我的强项。

Answer 1

将类名改为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');
    });
})