2016-03-05 102 views
2

我有兩個div,我想通過使用一次點擊在新標籤中打開這兩個div。如何使一個點擊兩個單擊點擊?

<a href="http://google.com"><div id="google">This is Google.</div></a> 
<a href="http://youtube.com"><div id="youtube">This is YouTube.</div></a> 
+0

但瀏覽器不支持這些類型的動作,它打開1個選項卡,說彈出塊另一個標籤click fast to show results

+0

[在新標籤中打開鏈接]可能的重複(http://stackoverflow.com/questions/15551779/open-link-in-new-tab) – Carpetsmoker

回答

0

<a>標籤添加到'target=_blank'

<a href="http://google.com" target='_blank'><div id="google">This is Google.</div></a> 
    <a href="http://youtube.com" target='_blank'><div id="youtube">This is YouTube.</div></a> 
2

像這樣的東西應該做的

$('a').on('click', function(e) { 
    e.preventDefault(); 
    $('a').each(function() { 
     window.open(this.href, '_blank'); 
    }); 
}); 

這裏有一個demonstration使用按鈕

+0

您是否還不想防止默認? – rPat

+0

@rPat - 當然,聽起來像是一個好主意,以避免其中一個兩次。 – adeneo

0

使用JavaScript兩個

<script> 
    $('#googel,#youtube').click(function() 
    { 
    // your commands... 
    }) 
</script> 
0

沒有JavaScript,這不是possi只需點擊一下,即可在兩個不同的選項卡中打開兩個鏈接。所以我的建議是將這些div封裝在父div中並做一些javascript。

var wrapper = document.getElementById('wrapper'); 
 

 
wrapper.onclick = function(){ 
 
    window.open('http://google.com', '_blank'); 
 
    window.open('http://youtube.com', '_blank'); 
 
};
#wrapper{ 
 
    cursor: pointer; 
 
} 
 

 
#wrapper:hover{ 
 
    background-color: #0ff; 
 
}
<div id="wrapper"> 
 
    <div id="google">This is Google.</div> 
 
    <div id="youtube">This is YouTube.</div> 
 
</div>