我有兩個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>
我有兩個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>
在<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>
像這樣的東西應該做的
$('a').on('click', function(e) {
e.preventDefault();
$('a').each(function() {
window.open(this.href, '_blank');
});
});
這裏有一個demonstration使用按鈕
使用JavaScript兩個
<script>
$('#googel,#youtube').click(function()
{
// your commands...
})
</script>
沒有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>
但瀏覽器不支持這些類型的動作,它打開1個選項卡,說彈出塊另一個標籤click fast to show results –
[在新標籤中打開鏈接]可能的重複(http://stackoverflow.com/questions/15551779/open-link-in-new-tab) – Carpetsmoker