0

我有一个使用引导程序的模态表单，它使用户能够添加不同类型的嵌入式媒体。我根据文件类型将表单嵌入到不同的选项卡中。我希望模式页脚中的“保存”按钮根据当前处于焦点的表单提交正确的表单。我知道如何使用 jquery 查找当前选项卡，但是如何根据此值为保存按钮编写条件？

在此处输入图像描述

例如，要提交视频，我目前有：

 <div class="modal-footer media_actions">

    <%= video_form.actions do %>
      <%= video_form.action :cancel, :label => "Close", :as => :link,
      :button_html => {:class => "btn", :href => "#", 
      :data => {:target => "#mediaEmbedModal", :toggle => "modal"}} %>

      <%= video_form.action :submit, :label => "Save", :as => :button,
      :button_html => {:class => "btn btn-primary", :id => "video_submit", :disable_with => "Saving..."}, :disable_with => "Saving..." %>
    <% end %>
    <% end %>
    <div class="videoLoadingIcon"></div>
  </div>

但是如果我希望能够根据当前活动的表单更改操作，我应该怎么做？

4

1 回答 1

1

几个选项：

  1. 有两个不同的提交按钮（每个表单一个），然后实际上将其作为选项卡内容的一部分，而不是模态页脚。
  2. 生成两个模态页脚 div 并将第二个设置为 display: none。然后通过javascript适当地切换可见性。我可能会采取这种方法。
  3. 通过 javascript 根据单击的选项卡覆盖表单目标。
于 2013-09-06T21:20:04.557 回答