Rails JQueryタブがクリアされない

Question

私は、JQuery-uiタブを使用してタブ選択に基づいてコンテンツを動的にロードする表示ページを持っています。ここで

は私のページです：

<%= stylesheet_link_tag 'upload.css', :media => 'screen' %> 
<%= javascript_include_tag "tabs"%> 

<div id="tabs"> 
    <ul> 
     <li id="active"><%= link_to "Description" , :id => @upload.id, :action => "description"%></li>   
     <li><%= link_to "Images" , :id => @upload.id, :action => "images"%></li> 
    </ul> 

<div id="#content_area"> 
</div> 
</div> 

、ここでは私のjQueryのです：

//= require jquery 
//= require jquery-ui 

$(document).ready(function(){ 
    var $tabs = $("#tabs").tabs({ select: function(event, ui) { 
              $(ui.panel).empty(); 
             } 
           }); 
}); 

今起こることになっているもの、私はタブをクリックしている、それは動的に対応するコンテンツをロードし、クリアします古い内容それは、タブをクリックするとコンテンツを動的に読み込むことができますが、古いものはかなりクリアされません。それは、タブをクリックするとコンテンツを読み込んでそこに残すことです。しかし、同じタブをクリックするとコンテンツが更新されます。これは私が望むものではなく、画像タブがクリックされたときに画像コンテンツを見たいだけで、説明タブがクリックされたときに説明コンテンツを見たいだけです。

これを達成するためにJQueryを変更するにはどうすればよいですか？

Answer 1

これは、JQuery-tabが動的に作成する両方のクラスをクリアするようにJQueryを変更することで機能します。私は火の巣を介して生成されたHTMLを見た後で気がついただけです（注：タブがロードされているときのために、「読み込み中...」というテキストもいくつか追加しました）：