javascript - 使用 Ruby 和 Javascript 创建 div 时出现问题

Question

我正在尝试创建一个 div，它被附加到另一个 div 上。似乎可以工作，但是 ruby​​ 代码无法识别，并且图像标签无法加载:

function add_event(event)
{
    var div=document.createElement('div');
    div.innerHTML='<%= image_tag("events_pics/band.png", :class=> "event_pic_small") %><h6 class="event_info">Event_1: Frame: 974</h6><a class="btn btn-mini btn-danger pull-right " href="#"><i class="icon-remove"></i></a>';
    div.className='user_event my_background';
    $("#event_list").append(div);

}

另外，我想在 <i class="icon-remove"></i> 上分配一个函数那么，有没有更优雅的方式来创建该 div 呢？

Answer 1

您意识到 Javascript 在服务器代码 (Rails) 产生响应之后执行。

这就是 image_tag 无法识别的原因。

基本上，您不能在 javascirpt 文件中使用 <%= xxx %>，因为这些标记会被 Rails 服务器端识别，并在响应发送回浏览器之前进行处理。然后你的 javascript 代码开始。