使所有div可點擊，並在空白處打開鏈接

Question

我想使整個div可點擊，並在空白頁中打開鏈接：

HTML代碼：

<div class="article-content">
    <div>
        <p></p>
    </div>
    <div>
        <p></p>
    </div>
     <div><a href="http://www.google.ro" target="_blank">Click me</div>

</div>

JS：

$(".article-content").click(function () {
    window.location = $(this).find("a").attr("href");
    return false;
});

但是每個鏈接都在同一窗口中打開。

有任何想法如何解決此問題？

Answer 1

您需要使用window.open（）打開一個新窗口

$(".article-content").click(function () {
    window.open($(this).find("a").attr("href"), '_blank');
    return false;
});

Answer 2

您需要使用window.open並將目標設置為空白。 鏈接將根據用戶計算機中的瀏覽器設置在彈出窗口或新選項卡中打開：

$(".article-content").click(function () {
 window.open($(this).find("a").attr("href"),'_blank');
 return false;
});

Answer 3

    $(".article-content").click(function () {
        window.open($(this).find("a").attr("href"), '_blank');
        return false;
    });