javascript - 如何使用 jQuery 单击锚元素？

Question

使用 jQuery ：

我想在用户点击特定网站时将他们带到 www.someurl.com<div>

我不能<a>在上面放一个<div>

我希望链接在新选项卡中打开（如果用户明显使用选项卡）而不是在新窗口中打开。

我目前正在尝试这个“黑客”：

$("#the-div-in-question").click(function ()
{
   $("<a href='www.someurl.com' target='_blank'/>").appendTo("body").css(
   {
     position: 'absolute',  
     top: 1,
     left: 1,
     height: 1,
     width: 1
   }).click();
});

但它不起作用。有任何想法吗 ？

Answer 1

改用这个...

$("#the-div-in-question").click(function () {
    window.open("http://www.someurl.com", "_blank");
});

您不需要锚点 - 您可以使用 javascript 在新窗口或选项卡中打开页面。

它是否在新窗口或选项卡中打开完全取决于最终用户的浏览器设置，并且不能被覆盖。

Answer 2

Working demo http://jsfiddle.net/cse_tushar/v9kRN/

$("#the-div-in-question").click(function () {
    $('<a href="http://url.com" target="_blank"></a>').appendTo($(this));
    $(this).find('a')[0].click();
});

Another Trick by wrapping the div by a tag

Working Demo http://jsfiddle.net/cse_tushar/v9kRN/1/

js

$(document).ready(function() {
    $("#the-div-in-question").wrap(function() {
        return '<a href="https://google.com" id="link" target="_blank" />';
     });
});

CSS

#link{
    text-decoration:none;
    color:black;
    cursor:default;
}