tdを新しいに置き換えるために使用されるポップアップ ボックスのあるページがありますtd。ボックスは最初は正常に機能しますが、その後は毎回、送信を押した後もボックスが表示され続けます。ボックスの html が呼び出されるたびにページに追加されることに気付きましたが、消えません。
ボタンを呼び出す前のソースは次のようになります。
...ボタンを1回呼び出した後：
...そして3回後：
ui-dialog div がぶらぶらし続けていることがわかります。
ボックスを制御している html.erb ファイルは次のとおりです。
<head>
<script>
$(function() {
$( "#dialog" ).dialog();
$( ".btn" ).click(function(){
$( "#dialog" ).dialog("close");
});
});
</script>
</head>
<body> <div id="dialog" title="Select Item">
Position <%= @i %><br /><br />
<%= form_tag( {:controller => :foos, :action => :update_bar_position, :position => @i , :id => @foo.id }, :remote => true) do %>
<table>
<tr>
<td>
<%= select_tag :position_name, options_for_select(@selection_list) %>
</td>
<td>
<%= hidden_field_tag 'position', @i %>
<%= submit_tag "Add" ,:id=> "Add", :class => "btn" %>
</td>
</tr>
</table>
<% end %>
</div>
</body>
このボックスの html コードが最初の使用後に保持される理由を誰かアドバイスできますか? ありがとう。
ダイアログ ボックスを開く js.erb コードは次のとおりです。
$("div#show_selection_box").html("<%= escape_javascript(render(:partial => 'foos/show_selection_box', :locals => { :id => @foo.id, :selection_list => @selection_list } ))%>");