Q&A
Web ブラウザの開発者ツール(デベロッパーツール)のコンソールで、エラー等のメッセージが出ていたりしないでしょうか？
前提・実現したいこと
WordPressのTwenty Seventeenを使用しています。
divにリンクを付けたいです。
調べて以下のサイトを見つけました。
http://clue-design.com/jquery/jquery-block-link
発生している問題・エラーメッセージ
jqueryが動作していないようで、リンクになりません。
ソースコードを記入する場所が間違っているのでしょうか。
該当のソースコード
<script type="text/javascript"> jQuery(function($){ $('.tag').click(function(){ location.href=$(this).attr('data-url'); }); }); </script>試したこと
header.phpやfooter.phpに記載
コード部分は、 <code>ボタンを利用して、マークダウンで囲うようにしていただけないでしょうか。
余計なことを言っておくと、HTML5ではaタグでdiv要素とかを囲んでも良くなりました
回答1件
0
LalalaDさんが貼られたJavascriptのコードを試したところ
問題なく動きましたので コードが原因ではないようです。
https://codepen.io/Sohaya/pen/ebBVBP
HTML部分、divタグはどのように記入されてますか。
data-url属性（data-url="リンク先URL"）は追加されてますか。
KazuhiroHatanoさんが追記欄で
「aタグで囲んで大丈夫」とアドバイスされてるので
既に解決されてるかもしれませんが
「aタグを追加しない」条件下と想定して
コメントさせていただきました。
投稿2018/12/19 11:37
総合スコア254
あなたの回答
tips
プレビュー
