2013-10-30 43 views
0

我有一個link_to:來自我的菜單的遠程ajax調用,它可以在單擊時動態呈現每個頁面的內容。一切都被調用,大部分被替換,但是當我第二次點擊菜單鏈接時,D3和vticker僅綁定到它們各自的div。這使我相信,html/js沒有以正確的順序加載。所以當它第一次加載時,沒有div綁定到它。獲取HTML和JavaScript以正確的順序加載軌道

此外,更換裏面的內容,我有一個內部的AJAX查詢基礎上被點擊了什麼D3提示和更換內容的代號AJAX查詢不再工作後,更新的新聞股票和我得到:

GET http://localhost:3000/render_bubble_partial?data=The+Environment 404 (Not Found) 

這很奇怪,因爲它工作之前,我有路線設置:

bubbles_render_bubble_partial GET /bubbles/render_bubble_partial(.:format) bubbles#render_bubble_partial 
bubbles_render_poll_partial GET /bubbles/render_poll_partial(.:format) bubbles#render_poll_partial 
bubbles_render_bubble_content GET /bubbles/render_bubble_content(.:format) bubbles#render_bubble_content 

從菜單李部分:

<li id='panel-3'><%= link_to image_tag('keyBubble.png'), bubbles_render_bubble_content_path, :remote => true %></li> 

,我渲染部分內容:

<div class="col span_5_of_7"> 
    <section id="infographic"> 
     <div id ="infographicContent"> 
      <input id="slider" style="position:inherit;top:4px;" type="range" min="0" max="62" value="0"> </input> 
      <div id="tooltip"> 
      </div> 
      <%= javascript_include_tag "http://d3js.org/d3.v3.min.js" %> 
      <%= javascript_include_tag "bubbles", "vticker" %> 
      <script> 
       $('.col.span_5_of_7').click(function(){ 
         var text = $("#tooltip b").text(); 
         if(text == ""){text = null} 
         var params = {data:text}; 
         console.log(params) 
         $.ajax({ 
          url: "render_bubble_partial", 
          data: params, 
          success: function(result) { 
           console.log("finished ajax callback"); 
          } 
         }); 
       }); 
      </script> 
     </div> 
    </section> 
</div> 
<div class="col span_1_of_7"> 
    <section id="feed"> 
     <div id ="infoFeed"> 
      <ul style="font: 10px sans-serif;text-align: justify;"> 
       <% bubble_query(nil) %> 
       <% @bubble_story.each do |story| %> 
        <li style="border-style:solid;border-top:thick double #000;"> 
         <p><h4 style="text-align:left;"><%= link_to story.title, story.url, :target => "_blank" %> 
          </h4> <%= story.description %> <h7><br /><br /><%= story.source %><br /><%= story.date.to_date %><%= story.issue %></h7></p> 
        </li> 
       <% end %> 
      </ul> 
     </div> 
    </section> 
    <script> $(function() { $('#infoFeed').vTicker();});</script> 
</div> 

我不知該怎麼辦來解決這個問題...誰能提供一些建議嗎?

回答

0

你是否正在調用ajax來重新加載由ajax自身更新的部分?如果是這樣,請嘗試將其移出。您可以嘗試將您的JavaScript移至應用程序佈局或application.js文件。

0

但是,在部分應用程序佈局和應用程序佈局之間移動javascript_include_tags時,我能夠使其正確加載。