「clickイベントで文字部分(aタグ)だけ反応しない」
-
はじめまして。
HTMLは独学なので初心者レベルですが、
テーマを「Twenty Fourteen」→「賢威」にローカル環境で変更中に行き詰まってます。「Twenty Fourteen」で動いていたタブメニューを賢威用に変更した結果、
タブ部分の文字以外をクリックすると反応してくれますが、文字(aタグ付き)をクリックするとaタグの反応をしているようでページが所定位置にズルっと動きます。参考サイト
↑のトップページの下のほうにあるタブメニューのように動かしたい。jQueryはwordpressのものを使用しています。
●jsファイル(my-script)
jQuery(document).ready(function($){
// Tab Menu
$(‘#top3 .cont-box:not(:first)’).hide();
$(‘#tab-menu li:first’).addClass(‘active’);
$(document).on(‘click’, ‘#tab-menu li’, function() {
$(‘#tab-menu li’).removeClass(‘active’);
$(this).addClass(‘active’);
$(‘#top3 .cont-box’).stop().hide();
$($(this).find(‘a’).attr(‘href’)).stop().fadeIn();
return false;
});//link box
$(document).on(‘click’, ‘#top3 .link-box’, function() {
var anchorBoxHref = $(this).find(‘a’);
window.location.href = anchorBoxHref.attr(‘href’);
});});
●jsファイルの読み込み(Function.php)
function register_jquery() {
wp_register_script(‘my-script’, get_bloginfo(‘template_directory’) .’/js/my-script.js’,”,”,true);
wp_enqueue_script(‘my-script’);
}どうしたら文字部分をクリックしてもタブ移動してくれるようにできるのか
アドバイス下さい。
よろしくお願いします。
- トピック「「clickイベントで文字部分(aタグ)だけ反応しない」」には新たに返信することはできません。