在弹出图像上显示“下载图像”标题

Question

目前，下面的 javascript 代码用于在图像弹出窗口上显示标题

if ($(obj).attr("title") != "") {

$("<span class=\"caption\">" + $(obj).attr("title") + "</span>").appendTo("#" + _17.popupId + "_content").hide();}

我需要它显示“下载图像”而不是当前输出：

<span class="caption">Title</span>

如何将以下 javascript 代码转换为显示以下输出：

<a href="rel" download>Download image</a>

我已经尝试了以下但没有运气

if ($(obj).attr("title") != "") {

                  $("<a class=\"caption\" href=\"#\" download="rel">" + $(obj).attr("title") + "</a>").appendTo("#" + _17.popupId + "_content").hide();

               }

Answer 1

我认为你搞砸了下载属性的引用（“vs.\”）。我将更改为单引号以包含字符串，这样会更容易阅读：if ($(obj).attr("title") != "") {&nbsp; &nbsp; $('<a class="caption" href="#" download="rel">' + $(obj).attr("title") + '</a>').appendTo("#" + _17.popupId + "_content").hide();}

Answer 2

每次你放一个双引号应该被视为字符串的一部分而不是由 js 评估时，你需要用反斜杠转义它。这就是为什么你有href=\"#\"，download=\"rel\"如果 rel 是一个字符串，你也应该有。如果 rel 是一个 js 变量，则：download=\""+rel+"\"执行字符串连接