Ruby on rails 4 如何在简单表单中插入打开模式窗口的按钮

Ruby on rails 4 如何在简单表单中插入打开模式窗口的按钮,ruby-on-rails-4,twitter-bootstrap-3,simple-form,bootstrap-modal,Ruby On Rails 4,Twitter Bootstrap 3,Simple Form,Bootstrap Modal,使用Rails 4.1.6、simple_form 3.1.0.rc2、Bootstrap 3 我试图在我的simple_表单中设置一个按钮,打开一个Bootsrap模式窗口来执行js用户选择 我的简单表格如下: .form-inputs .row .col-sm-8.col-md-8.col-lg-8 - if ((current_user.has_role? :superadmin) || (current_user.has_role? :media_admin)

使用Rails 4.1.6、simple_form 3.1.0.rc2、Bootstrap 3 我试图在我的simple_表单中设置一个按钮,打开一个Bootsrap模式窗口来执行js用户选择

我的简单表格如下:

.form-inputs
  .row
    .col-sm-8.col-md-8.col-lg-8
        - if ((current_user.has_role? :superadmin) || (current_user.has_role? :media_admin)) 
            .form-group
                %button.btn.btn-default{:'data-toggle' => "modal" , :'data-target' => "#myModal"}
                    Select Owner of album
        = f.input :user_id, as: :hidden, input_html: {value: current_user.id}

  .row
    .col-sm-8.col-md-8.col-lg-8
        = f.input :title, :label => t(:title, scope: :album).capitalize
        = f.input :description, as: :text, :label => t(:description, scope: :album).capitalize
我添加了一个标准的引导模式测试

            #myModal.modal.fade{ tabindex: "-1" ,role: "dialog", :'aria-labelledby' => "myModalLabel",  :'aria-hidden' => "true"}
            .modal-dialog
                .modal-content
                    .modal-header
                        %button.close{type: "button",  :'data-dismiss' => "modal" }
                            %span{:'aria-hidden' => true}
                                ×
                            %span.sr-only
                                Close
                        %h4#myModalLabel.modal-title
                            Modal Title
                    .modal-body
                        = "Modal body"
                    .modal-footer
                        %button.btn.btn-default{type: "button",  :'data-dismiss' => "modal" }
                            Close
                        %button.btn.btn-primary{type: "button",  :'data-dismiss' => "modal" }
                            Save changes
当我点击“选择相册所有者”按钮时,它充当提交按钮并尝试保存表单数据。。。。不打开模态形式


我遗漏了什么吗?

我宁愿使用链接标签和按钮类

                .form-group
                %a.btn.btn-success{href: "#", :'data-toggle' => "modal" , :'data-target' => "#myModal"}
                    Select Owner of album

面对同样的情况,有什么改进吗?