如何使用jQuery单击一个锚元素？

Question

使用jQuery：

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

我无法在<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();
});

通过标记

包装div的另一个技巧

工作演示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;
}