레일 Jquery 모바일 라디오 버튼 양식

Question

약 1 주일 동안 내 모바일 (JQM) 레일 3 앱에서 작동하는 동적 라디오 버튼 양식을 얻으려고했습니다.

다음은 내가 필요한 것입니다. JQM 제어 그룹과 함께 라디오 버튼 스타일을 선택하는 동적 라디오 버튼 선택. 그리고 사용자가 제출 버튼을 사용하여 제출할 수 있어야합니다.

이것은 매우 간단하지만, 나는 동적 인 입력을 가진 radio_button_tags에 대한 문서를 거의 발견하지 못했고, JQM의 복잡성으로 인해 더 어려워졌습니다. 여기에 현재 양식이 있습니다. 누군가 내가 볼 수있는 리소스를 지적하거나 코드를 통해 도움을 주면 크게 감사하겠습니다. 그 부분이 완료되도록 내가 양식을 제출 얻을 수없는 스타일로

<%= form_for(@participation) do |f| %> 
<% if @participation.errors.any? %> 
    <div id="error_explanation"> 
     <h2><%= pluralize(@participation.errors.count, "error") %> prohibited this participation from being saved:</h2> 
     <ul> 
      <% @participation.errors.full_messages.each do |msg| %> 
      <li><%= msg %></li> 
      <% end %> 
     </ul> 
    </div> 
<% end %> 

<%= f.hidden_field :user_id, :value => current_user.id %> 


<div data-role="content"> 

    <fieldset data-role="controlgroup"> 
     <input type="radio" name="team_1" id="team_id_1" value="off"> 
     <label for="team_id_1">Team 1 Name</label> 
     <% @teams.each do |team| %> 
      <%= radio_button_tag "participation[team_id]", team.id, team.event_id == @event.id %> <%= team.professional.id %> 
      // I've tried this label, but it does not work <%= label :team_id, team.professional.name %> 
     <% end %> 
    </fieldset> 
<%= f.submit "Join" %> 

. 그러나 JQM 스타일을 추가하려고하면 끊어집니다.

감사합니다.

Answer 1

다음은 상당한 어려움을 겪은 후에 발견 한 해답입니다. 희망적으로 이것은 다른 사람을 돕는다. 제가 발견 한 또 다른 큰 점은 대부분의 브라우저와 달리 페이지 소스보기 모드에서 Safari가 정상적으로 작동하지 않는다는 것입니다. 페이지 내용을 제대로로드하지 못하거나 상호 작용에 적절하게 반응하지 않습니다.

<div data-role="content"> 

    <fieldset data-role="controlgroup"> 
     <% @teams.each do |team| %>  
      <%= radio_button_tag "participation[team_id]", team.id, team.event_id == @event.id %> 
      <label for="participation_team_id_<%= team.id %>"><%= team.professional.name %> | <%= team.exercise.name %></label> 
     <% end %> 
    </fieldset> 
</div> 
<br></br> 
<%= f.submit "Join" %>