Rails3でjQueryMobileのsubmitが効かない。

jQueryMobileで、submitしたのだが、なぜか上手くいかない。
formの属性に、data-ajax = “false” と指定しなければいけないらしい。
これは、どちらかと言うと jQueryMobileの仕様です。

ハマってので覚え書き。

HTML Form
[html]
<%= form_tag(item_list_path,
:method => "GET",
:id => "frm",
"data-ajax" => false) do %>
<fieldset data-role="controlgroup"
data-type="horizontal"
data-mini="true">
<%= radio_button_tag :item, 1, true, {:class => "item"} %>
<label for="game_id_1"> 商品1 </label>
<%= radio_button_tag :item, 2, false, {:class => "item"} %>
<label for="game_id_2"> 商品2 </label>
<%= radio_button_tag :item, 3, false, {:class => "item"} %>
<label for="game_id_0"> 商品3 </label>
</fieldset>
<% end %>
[/html]

JavaScript
[html]
<script>
$(function() {
$(".item").change(function(){
$("#frm").submit();
});
});
</script>
[/html]

This entry was posted in JavaScript, Rails, Ruby, 技術情報. Bookmark the permalink.

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です