将href数据属性添加到目标为空

时间:2016-06-20 19:20:12

标签: jquery hyperlink custom-data-attribute

我试图使用data-attributes在div上应用href属性 因为我不能在我的案例中使用A标签。 它工作正常,但我试图添加另一个数据属性,以打开目标空白链接 这是我的代码

$('.artist-box').each(function(){
    var aTag = $(this).attr('href');

    $(this).attr('data-href',aTag);        

    $("[data-href]").click(function() {
        window.location.href = $(this).attr("data-href");
        return false;
    });
})  

有人可以帮忙吗? 感谢

1 个答案:

答案 0 :(得分:1)

使用window.open而不是window.location

$('.artist-box').each(function(){
    var aTag = $(this).attr('href');

    $(this).attr('data-href',aTag);        

    $("[data-href]").click(function() {
        window.open($(this).attr("data-href"),'_blank');
        return false;
    });
})