厄爾布在Javascript中導致錯誤頁面加載

Question

在我的文件的意見/職位/ new.html.erb，我有一個腳本底部：

$('div #mainPhotoDropzone').dropzone({ 
     url: "/photos?post_id=" + $("#post_form").data('post-id'), 
     complete: function(file){ 
      var url = "<%= @post.photos.first.file.path %>"; 
      $.get(url, function(data){ 
      $('#mainPhotoDropzone').attr('style', "background-image: url('" + data.main_photo + "')"); 
      }) 
     } 

我得到的頁面加載錯誤，因爲沒有按@post.photos.first」現在還沒有。這應該在上傳完成時觸發，因此文件存在時會觸發。

我該如何避免這個錯誤？我不明白爲什麼這是在頁面加載時執行的，當我在「完成」事件中定義它時，我沒有看到替代方案。

Answer 1

<% ... %>內的代碼在javascript發送到客戶端之前執行。生成javascript後，將<%= %>標籤替換爲在其中運行代碼的結果。所以，如果你有，例如：

I am <%= "super "*5 %>awesome. 

什麼瀏覽器看到的是：

I am super super super super super awesome 

因爲代碼"super "*5已已經運行。