Как использовать элемент привязки с помощью 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

Работа демо 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(); 
}); 

Другой Trick обертыванием DIV тегом

Рабочая 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; 
}