Question

我一直试图在我的手机（JQM）rails 3应用程序中使用动态单选按钮表单大约1周。

这是我需要的：动态单选按钮选择，带有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在View Page Source模式下运行不正常。它不会正确加载页面内容，也不会正确地对交互做出反应。

<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" %>

Rails Jquery移动单选按钮表单

1 个答案: