baserJSでリンク可能エリアを先祖要素まで拡張する

コーポレートサイトにちょうどいいJavaScriptライブラリ baserJS の解説記事です。

Webサイトと詳しいAPIリファレンスはこちら baserJS Webサイト

ボックス自体にリンクを適応する

HTML4/XHTML1.0などのaタグがブロック要素を内包できないケースなどで、aタグの外側の要素までリンクを反応させるようにします。

HTML

<div class="box-link"><a href="xxx.yyy.com">リンク</a></div>

JavaScript

$('.box-link').bcBoxLink();

上記のJavaScriptを実行すると.box-linkの領域までリンクエリアが広がります。