jqueryを導入するとハッシュタグのリンクがズレる
-
Jqueryで年表にタブの機能をつけたいと思い、ui.tabsというものを導入しました。
参考にしたのはこちらのサイト様です。
http://5am.jp/jquery/jquery_ui_tabs/年号をクリックしたら、タブを切り替え
その年のイベントが表示できるようにしたいです。
(それ以外のイベントは非表示)
ところがリンクをクリックすると、一番上までゆっくりスクロールし、
その後パッと下の方に遷移します。遷移先の位置は狙っている場所よりも下になります。
これが僕が制作中のサイトです。
http://kojimahideo.sakura.ne.jp/hideo-k/profileクローム、Firefoxともに同じ問題がでました。
通常のidとハッシュタグを用いたリンクは正常に機能しています。<使用中のプラグイン>
Akismet
All In One WP Security
Code Snippets
Display Widgets
Google XML Sitemaps
Page Builder by SiteOrigin
Protect Uploads
Simple Custom CSS
SiteOrigin Widgets Bundle
WP Multibyte Patch<導入過程について>
指示通りにHTMLを組み、CSSとJSファイルをheader.phpにこのように追記しました。
<?php wp_enqueue_script(‘uicore’, get_bloginfo(‘template_url’) . ‘/js/ui.core.js’,array(jquery)); ?>
<?php wp_enqueue_script(‘uitabs’, get_bloginfo(‘template_url’) . ‘/js/ui.tabs.js’,array(uicore, jquery)); ?>
<?php wp_enqueue_style( ‘uitabs’, get_bloginfo( ‘stylesheet_directory’) . ‘/css/ui.tabs.css’, array(), null, ‘all’); ?>
ちなみにこの直後に<?php wp_head(); ?>があります。またJSを以下のように追記しています。
jQuery(function() {
jQuery(‘#ui-tab > ul’).tabs({ fx: { opacity: ‘toggle’, duration: ‘normal’ } });
});インターネット上でいろいろと調べているのですが、原因がわからず困っています。
どうかよろしくお願いいたします。PS
先ほど記載した制作中のページをFirefoxで開くとyoutubeが表示されないので、
それも原因のわかる方がいらっしゃいましたらご教示いただきたいです。
- トピック「jqueryを導入するとハッシュタグのリンクがズレる」には新たに返信することはできません。