모달 윈도우를 열기 위해 버튼을 삽입하는 방법

Question

레일 4.1.6, simple_form 3.1.0.rc2, 부트 스트랩 3 사용하기 내 simple_form 내부에 버튼을 설정하여 부트 슬랩 모달 윈도우를 열어서 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 

을 추가 한 '선택 앨범 소유자 '버튼을 누르면 제출 양식으로 작동하고 양식 데이터를 저장하려고 시도합니다. 모달 양식을 열지 않습니다.

내가 무엇을 놓쳤습니까?

Answer 1

차라리 버튼 클래스와 링크 태그를 사용한다 .... 같은 직면

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