Whoocus

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

ハマってので覚え書き。

HTML Form

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

JavaScript

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