javascript - rails : Foundation 5 Reveal Modal to Submit Button

Question

我有一个表单，其中一半位于“目标”显示模式。例如，用户将填写表单中的某些字段，单击下一步(其中名为“定义目标”)按钮，其中会弹出一个模式来完成表单。

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

我遇到的问题是，只要我有类:“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');
    });
})