我有一個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>
我不知該怎麼辦來解決這個問題...誰能提供一些建議嗎?