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

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") != "") {

    $('<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+"\"执行字符串连接