キューブ画像をクリックした後、キューブ画像を別のリンクにリダイレクトする方法 現在jsではgoogle.comにリダイレクトされますが、別のウィンドウで開きます でも同じウィンドウに表示したかった
<div class="row">
<div class="span10">
<div class="melonhtml5_gallery">
**<div onclick="window.open("http://www.google.com", "_blank");" data-caption="Fans" data-image="http://www.defie.co/designerImages/thumbnails/inventory.png"></div>**
<div data-caption="Paul Scholes" data-image="http://www.defie.co/designerImages/thumbnails/search.png"></div>
<div data-caption="Wayne Rooney" data-image="http://www.defie.co/designerImages/thumbnails/yourFile.png"></div>
<div data-caption="Sir Alex Ferguson" data-image="http://www.defie.co/designerImages/thumbnails/shareFiles.png"></div>
<div data-caption="Champ" data-image="http://www.defie.co/designerImages/thumbnails/custFile.png"></div>
<div data-caption="Group" data-image="http://www.defie.co/designerImages/thumbnails/custQuote.png"></div>
<div data-caption="Ryan Giggs" data-image="http://www.defie.co/designerImages/thumbnails/saleOrders.png"></div>
<div data-caption="David Beckham" data-image="http://www.defie.co/designerImages/thumbnails/custInvoice.png"></div>
<div data-caption="Champ" data-image="http://www.defie.co/designerImages/thumbnails/vendorProfile.png"></div>
<div data-caption="Group" data-image="http://www.defie.co/designerImages/thumbnails/vendorQuote.png"></div>
<div data-caption="Ryan Giggs" data-image="http://www.defie.co/designerImages/thumbnails/buyOrders.png"></div>
<div data-caption="David Beckham" data-image="http://www.defie.co/designerImages/thumbnails/vendorInvoice.png"></div>
<div data-caption="Champ" data-image="http://www.defie.co/designerImages/thumbnails/accountsReceivable.png"></div>
<div data-caption="Group" data-image="http://www.defie.co/designerImages/thumbnails/customerRMA.png"></div>
<div data-caption="Ryan Giggs" data-image="http://www.defie.co/designerImages/thumbnails/production.png"></div>
<div data-caption="David Beckham" data-image="http://www.defie.co/designerImages/thumbnails/CRM.png"></div>
</div>
</div>
回答:
回答№1の場合は3変化する _blank
に _self
。これにより、ターゲットが新しいウィンドウから現在のウィンドウに変更されます
jQuery:
一般的に、私はイベントをdivに添付することを避け、リンクまたはボタンを使用してクリックイベントを使用しますが、とにかく...
$(".melonhtml5_gallery").find("div").click(function(){
window.open($(this).attr("data-image"), "_self")
//you can refer to attributes using the following:
//$(this).attr("data-caption")
})