Javascript не выполняется после частичного рендеринга ajax в рельсах

Question

Я не могу понять, как правильно загрузить html/javascript. Таким образом, в highcharts нет правильного div, загружаемого для отображения диаграммы при ее запуске.

У меня есть меню парциальное:

<ul class='kwicks kwicks-vertical'> 
    <li id='panel-1'><%= link_to_unless_current image_tag('keyIssues.png'), load_key_issues_path, remote: true %></li> 
    <li id='panel-2'><%= link_to_unless_current image_tag('pollVsLeader.png'), load_polls_path, remote: true %></li> 
</ul> 

, что при вызове метода запускает home_controller.rb:

def load_key_issues 
    respond_to do |format| 
     format.js 
     format.html { render :action => "refresh", :notice => 'Update SUCCESSFUL!' } 
    end 
end 

Это затем запускает load_key_issues.js.erb:

$("#replace").html("<%= j render partial: 'shared/key_issues' %>"); 

Который затем отображает этот html в частичном:

<div class="col span_6_of_7"> 
    <section id="infographic"> 
     <div id ="infographicContent"> 
      <%= javascript_include_tag "highcharts" %> 
      <%= javascript_include_tag "chart" %> 
      <div id="chart" style="min-width: 310px; height: 700px; margin: 0 auto"></div> 
     </div> 
    </section> 
</div> 

Я не знаю, как правильно получить эту последовательность, может ли кто-нибудь помочь?

Answer 1

Включите ваш javascript на главной странице, в которую вы загружаете частичную.