ＳＥＯに強いウェブ制作を行う京都の行政書士事務所
wp_headにファイルを読み込ませる場合、add_actionを使えばいいように思うが、それは正攻法じゃない。
通常画面に読み込む wp_enqueue_scripts
ログイン画面に読み込む login_enqueue_scripts
管理画面に読み込む admin_enqueue_scripts
これらのアクションフックを使うのが正しい。また、functions.phpを使う場合、テーマ場所の指定は特殊な方法となる。
すなわち、以下。
|
1 2 3 4 5 6 7 8 |
<?php function add_head(){ wp_enqueue_script( 'original', get_template_directory_uri() . '/js/script.js', array( 'jquery' ), '20140319', false ); } add_action('wp_enqueue_scripts', 'add_head'); ?> |
テーブルを作り、セル内全てをクリッカブルにするには、aタグをブロック要素にして、widthとheightをそれぞれ100%に設定すればいい。
そこまでは分かる。けれど、セルを結合させて、日本地図をクリッカブルにした場合には、100%設定にしてもクリック可能にならない。ならばjqueryでやってしまおうというのが今回の狙い。
|
1 2 3 4 5 6 7 8 9 10 11 |
jQuery( function($) { $('tbody tr td[data-href]').addClass('clickable').click( function() { window.location = $(this).attr('data-href'); }).find('a').hover( function() { $(this).parents('td').unbind('click'); }, function() { $(this).parents('td').click( function() { window.location = $(this).attr('data-href'); }); }); }); |
