1

我一直在尝试让动态单选按钮表单在我的移动（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 样式时，它会中断。

谢谢。

4

1 回答 1

0

这是我经过一番挣扎后找到的问题的答案。希望这对其他人有帮助。我发现的另一件大事是，与大多数浏览器不同，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" %>
于 2013-07-20T04:25:22.473 回答