RoR - 用Javascript動態地渲染局部圖片

Question

我目前正在嘗試單擊按鈕時加載局部圖片。所以，我做什麼，是添加遠程=>真實的，然後在去一個.js.erb文件，其中我做這個控制器動作format.js：

$('#videospan').html('<%= escape_javascript(render :partial => 'newpartial') %>'); 

現在videospan已經有了一個不同部分，現在我正在添加這個部分。這對於它的html部分來說工作得很好。現在新版本里面有一些javascript，遺憾的是沒有被檢測到。是否因爲html在javascript之前加載？ 我怎樣才能讓它visibile到HTML？我必須在原始HTML文件中定義它嗎？

謝謝

---

之一JavaScript方法：

function saveAll() 
{ 
    for(key in storedData){ 
     storedData[key].push.apply(storedData[key],[$('#'+key).position().top,$('#'+key).position().left]); 
    } 


    $.getJSON('<%= save_answers2_course_lecture_path(@course, @lecture) %>',{"stored":storedData}, function(resp){ 
     redirect() 
    }); 
} 

---

所以現在我想將它添加到js.erb以及傳遞的JavaScript ，所以現在我在js.erb中有這個：

$('#videospan').html('<%= escape_javascript(render :partial => 'newpartial') %>'); 
pop = Popcorn.youtube("#youtube", lec ,{ width: 400, controls: 0});       
pop.play(); 

所以我想渲染那裏有一個#youtube div的部分，然後我想用爆米花向它添加一個視頻。不幸的是，當我添加這3條線，甚至呈現不工作..

---

Firebug的，當我檢查返回的響應，它看起來像這樣：

$('#videospan').html("........."); 
pop = Popcorn.youtube("#youtube", http://www.youtube.com/... ,{ width: 400, controls: 0}); 
pop.controls(false);       
pop.play(); 

所以一切發送正確，但它怎麼沒有顯示？

Answer 1

櫃面任何人面臨的問題的人。它是由於我有一個錯誤。據此：http://www.alfajango.com/blog/rails-js-erb-remote-response-not-executing/

當.js.erb文件中存在錯誤時，代碼無法安靜。要檢查錯誤，只需複製螢火蟲的響應，將其發佈到命令行並運行即可。

Answer 2

您最好將盡可能多的Javascript移動到腳本文件中。一種方法是將功能分解成代碼與配置數據：將代碼放在一個.js文件和數據到DOM或變量：

// Option1 -- Using DOM 
// my_function.js 
function saveAll() { 
    // code code code 
    var url = $('#some_dom_element').attr('data-some-attribute-name'); 

    $.getJSON(url, 'blah blah'); 
} 

# my_template.js.erb 
<div id="some_dom_element" data-some-attribute-name="<%= save_answers2_course_lecture_path(@course, @lecture) %>"> 
</div> 

// Option 2 -- Using a variable 
// my_function.js 
function saveAll() { 
    // code code code 
    $.getJSON(url, 'blah blah'); 
} 

# my_template.js.erb 
var url = '<%= raw(save_answers2_course_lecture_path(@course, @lecture) %>';