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

  • 0
    いいね
  • 0
    コメント
    この記事は最終更新日から1年以上が経過しています。

    コーポレートサイトにちょうどいい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の領域までリンクエリアが広がります。

    この投稿は baserJS Advent Calendar 201411日目の記事です。