※ ChatGPTを利用し、要約された質問です(原文:jQuery膨らむボタン。同一ウィンドウにリンク)
jQueryでマウスを上にのせると膨らむボタンを作成する方法とリンク先を同一ウィンドウで開く方法
このQ&Aのポイント
jQueryを使用してマウスを上にのせると膨らむボタンを作成する方法について説明します。
また、クリックした際にリンク先が別タブで開かれてしまう問題についても解決策を提案します。
具体的には、リンク先を同一ウィンドウで開く方法として、HTMLのTARGET属性を使用する方法があります。
http://jquery.malsup.com/hoverpulse/anchor.html
↑これを参考にjQueryでマウスを上にのせると膨らむボタンを作ったのですがクリックするとリンク先が別タブで開かれてしまいます。
同一のウィンドウ(HTMLでいうTARGET="_self")でリンク先を表示させたいのですがどうしたらいいですか?
$(document).ready(function() {
$('div.thumb img').hoverpulse().each(function() {
var $img = $(this);
var link = $img.attr('data-link');
$img.attr('title','Goto: ' + link);
$img.click(function() {
window.open(link);
return false;
});
});
});
<div id="thumbs"><div class="thumb">
<img src="img.jpg" data-link="http://google.com" />
</div></div>
お礼
ありがとうございます。 window.open(link,'_self'); でも、いけました。