javascript - 使用 jQuery 将动态 href 和目标附加到 anchor

Question

我正在使用一段 jQuery，它允许我拥有一个“图像框”画廊，如果有人点击拇指，相应的图像就会加载到“图像框”div 中。

我稍微修改了代码，以便在单击拇指时，它还会加载带有图像 src 的 anchor ，以便用户可以在新选项卡中打开图像。

我的问题是，每当我将 target="_blank"添加到 anchor 时，href 都不会被拉入。有没有办法将 target="_blank"添加到以下代码，而不取消动态 href ？

提前致谢!

jQuery(".gallery-item a").click(function(evt) {
    evt.preventDefault();
    jQuery("#imageBox").append(
        jQuery("<img>", { src: this.href }),
        jQuery("<a>", { href: this.href }) 
    );
});

P.S - 我已经尝试在第一个函数之后添加这段代码，但它也无济于事。

jQuery("#imageBox a").attr("target","_blank");

如果有帮助的话，这里是实时链接。请原谅网站的糟糕编码。几年前我第一次构建它，当时我还没有经验。

http://highlevelconstructionltd.com/river-ridge-estates

Answer 1

您应该能够在创建元素时定义目标:

jQuery(".gallery-item a").click(function(evt) {
    evt.preventDefault();
    jQuery("#imageBox").append(
        jQuery("<img>", { src: this.href }),
        jQuery("<a>", { href: this.href, target: '_blank' }) // <-- Define the target
    );
});