javascript - 使用 Javascript 动态更改 image_tag 文件名

Question

我总是在我的代码中这样写:

function setSomeImage(image_name) {
$("#some_div").html("<%= image_tag ('image.png') %>");
}

我正在根据我传递的变量设置图像，我必须使用 image_tag 帮助程序在 rails 中正确写入它。但是，Javascript 和 image_tag 不能很好地协同工作。

我想做的是，我想用 javascript 动态地操作 image_tag 文件名。

我现在可以这样写了:

function setSomeImage(image_name) {
$("#some_div").html('<img src="/assets/'+image_name+'.png">');
}

但这并不干净。我想使用 image_tag 助手，像这样:

function setSomeImage(image_name) {
$("#some_div").html('<%= image_tag ('+image_name+') %>');
}

但这行不通。知道如何将两者结合起来吗？这样做有什么最佳做法吗？

另一个想法是将 image_path 作为变量直接传递给函数，但这并不总是可行的。

Answer 1

如果您的 js 文件的扩展名为 js.erb，您将能够使用 asset_path helper to display some asset但是您将无法将 js 变量传递给它，因为第一个 ruby​​ 部分将被评估，并且在此期间 image_name，js 变量将不存在。