javascript - 在弹出图像上显示 "Download Image"标题

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

我认为您搞乱了下载属性的引用(“与\”)。我将更改为单引号来包含字符串，这样会更容易阅读:

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