4

当用户单击缩略图时,我试图在新选项卡中打开图像,但即使我尝试了许多不同的解决方案,但它们都没有奏效。

我正在发布 jquery 代码:

$('#imagelink').click(function() {

     //location.href = $('#imagelink').attr("href"); //It is correct!
    // window.location.href = this.id + '.html'; //It is correct!
  //  window.open($('#imagelink').attr("href"), '_blank');
  //  $.winOpen($('#imagelink').attr("href"), "windowName", { fullscreen: "no", height: "600px", toolbar:    1, width: 600 }); //It is correct!
     window.location = $.myURL("index", $(this).attr("href"));//It is correct!

    });

如您所见,我已经尝试了上述所有五个方面,并且所有这些都在同一个选项卡中打开了图像,这不是我想要的。

我还发布了包含 html 的 jquery 代码(这包含在单独的文件中):

new_span.append('<a id="imagelink" href="'+ new.link +'"><img src="' + new.url +'" height=50px width="50px"  /></a>');

任何形式的帮助表示赞赏。

4

4 回答 4

10

试试看target_ _blank_

new_span.append('<a id="imagelink" href="'+ new.link +'" target="_blank"><img src="' + new.url +'" height=50px width="50px"  /></a>');

或者您也可以尝试javascript使用window.openlike

$('#imagelink').click(function() {
    var URL = $.myURL("index", $(this).attr("href"));
    window.open(URL,'_blank','',''); 
});
于 2013-11-11T10:19:20.240 回答
2

采用 :

target="_blank" 

在你的a标签中。

如果您想关注 jquery,请使用:

$('#imagelink').click(function() {
     var loc = $(this).attr("href");
     window.open(loc, '_blank');
});
于 2013-11-11T10:22:34.870 回答
1

只需在 HTML 的 head 部分添加以下内容。

<base target='_blank' />

如果您只想打开页面特定部分的链接,请使用以下代码

$('#my-Content a[href^="http://"]').attr("target", "_blank");

#my-Content 是您的链接所在部分的 ID。这适用于锚标签,但它也适用于图像。

于 2013-11-11T10:44:43.023 回答
0

根据您的问题,您只需要一个

target='_blank' //attribute for anchor tag.
new_span.append('<a id="imagelink" href="'+ new.link +'" target="_blank"><img src="' + new.url +'" height=50px width="50px"  /></a>');

即使附加了这个属性,你也不需要明确的点击功能。您正在附加一个单击功能,它将在弹出窗口、某些浏览器中打开,或者您可以说应该为弹出窗口启用浏览器设置。但 target='_blank' 足以在新标签中打开图像。如果您在 href 中提供链接,我个人不推荐单击功能。

但是因为你是新手供你参考,所以它们是锚的更多属性。这将在未来帮助你。

_blank  Load in a new window
_self   Load in the same frame as it was clicked
_parent Load in the parent frameset
_top    Load in the full body of the window
于 2018-10-29T05:49:53.147 回答