1

当用户单击以进行 5 星评级时,DOM 中的 jquery 会生成以下行:

<input type="hidden" name="review[answer01]" id="review_answer01" value="5">

不知何故,我的控制器没有为 params[:review][:answer01] 获取这个值

在我看来,当我单击提交按钮时,根本没有发送隐藏值。表单是否不知道隐藏字段,因为它在开始时不存在?我该如何解决。

使用简单的单选按钮选择一切正常。

顺便说一句,我手动将同一行代码添加到我的表单中并且它有效。我放

<%= f.hidden_field :answer01, :value => 5 %>

这产生了html:

<input id="review_answer01" name="review[answer01]" type="hidden" value="5">

我只是不明白...

编辑:

这里是js源这里是js:https ://github.com/wbotelhos/raty/blob/master/js/jquery.raty.js

输入标签由第 62 行生成,我对其稍作修改以提供 ID(我不确定这是否是问题所在)。

我的第 62 行:self.score = $('<input />', { type: 'hidden', name: self.opt.scoreName, id: self.opt.scoreId}).appendTo(self);

我还添加scoreID : 'blank'$.fn.raty.defaults {}以提供设置 ID 的选项。

现在,在我看来,我有:

<table class='table'>
  <tbody>

  <%= simple_form_for @review, :html => { :multipart => true } do |f| %>

    <td style='width:115px; padding-top:10px;'><div id="s1"></td>
    <td><h3 style = 'padding-bottom:3px;'><%= @questions[0] %></h3></td>

    [...] (repeated for other questions)

  </tbody>
</table>

  <div style='margin-left:80px; margin-top:20px; margin-bottom:200px;' id='subbut'>
    <%= f.button :submit, "Submit Review", :class=>'btn btn-large' %>
  </div>
  <% end %>

<script>
$('#s1').raty({
    scoreName : 'review[answer01]',
    scoreId : 'review_answer01'
});
</script>

我在选择 5/5 星的 firebug DOM 分析中看到的内容:

<td style="width:115px; padding-top:10px;">
<div id="s1" style="cursor: pointer; width: 100px; ">
  <img src="/assets/star-on.png" alt="1" title="bad">&nbsp;
  <img src="/assets/star-on.png" alt="2" title="poor">&nbsp;
  <img src="/assets/star-on.png" alt="3" title="regular">&nbsp;
  <img src="/assets/star-on.png" alt="4" title="good">&nbsp;
  <img src="/assets/star-on.png" alt="5" title="gorgeous">
  <input type="hidden" name="review[answer01]" id="review_answer01" value="5">
</div>
</td>

表格标签:

<form accept-charset="UTF-8" action="/reviews" class="simple_form new_review" enctype="multipart/form-data" id="new_review" method="post" novalidate="novalidate"></form>
4

1 回答 1

1

您的 HTML 结构不正确...看:

<table class='table'>
  <tbody>

  <%= simple_form_for @review, :html => { :multipart => true } do |f| %>

    <td style='width:115px; padding-top:10px;'><div id="s1"></td>
    <td><h3 style = 'padding-bottom:3px;'><%= @questions[0] %></h3></td>

    [...] (repeated for other questions)

  </tbody>
</table>

  <div style='margin-left:80px; margin-top:20px; margin-bottom:200px;' id='subbut'>
    <%= f.button :submit, "Submit Review", :class=>'btn btn-large' %>
  </div>
  <% end %>

form表内开始,但在表外结束。这将导致 HTML 被解析为不包括所有inputs 和一些一般的怪异,因为浏览器无法弄清楚您的意思。

顺便说一句,使用 HAML 会规避这类问题,但对每个人来说都是他自己的 :)

于 2012-05-13T02:06:03.373 回答