wordpressのフリーテーマ「
portfolium」ですが、
ver1.1(2011/11/3)では、多少バグがあります。
問題の箇所は、blogのソーシャルメディアへのポスト機能"Share this post"をクリックすると
出てくるFacebookやTwitterへのメニューがでてきません。※demoページは正常動作しています。
原因は、jQueryのcycleプラグインを使用（portfolioページで写真をF.I, F.Oしているところで使用）を設定しているscript.jsファイルです。
正常動作しているdemoサイトではなぜか、このcycle部分が外部ファイル（script.js）では無く<head>に読み込まれていて尚かつ記述が若干ちがいます。
以下、解決方法。
script.js内のcycleに関する記述箇所を一番最後に。
元の記述
(function($) {
$(function() {
// Dropdown Menu
var timeout = 100;
var closetimer = 0;
var ddmenuitem = 0;
function jsddm_open() {
jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').css('visibility', 'visible').parent().addClass('jsddm_hover').end();
}
function jsddm_close() {
if(ddmenuitem) ddmenuitem.css('visibility', 'hidden').parent().removeClass('jsddm_hover');
}
function jsddm_timer() {
closetimer = window.setTimeout(jsddm_close, timeout);
}
function jsddm_canceltimer() {
if(closetimer) {
window.clearTimeout(closetimer);
closetimer = null;
}
}
$('.jsddm > li').bind('mouseover', jsddm_open);
$('.jsddm > li').bind('mouseout', jsddm_timer);
document.onclick = jsddm_close;
$('#show').after('<div id="show_nav">').cycle({
fx: 'fade',
speed: 500,
next: '#show',
timeout: 0,
pager: '#show_nav'
});
$('.thumb img').after('<span></span>');
$('.thumb span').css('opacity','0');
$('.post_home a:first-child').hover(function(){
$(this).find('span').stop().animate({opacity: 0.45}, 200);
$(this).nextAll().find('a').css('color', '#fff18f');
}, function(){
$(this).find('span').stop().animate({opacity: 0}, 200);
$(this).nextAll().find('a').removeAttr('style');
});
$('.thumb img, .post_content img').lazyload({
effect : "fadeIn"
});
$('.l_col .post_text p:last').css('margin-bottom','0');
var focus = $('.focus');
focus.focusin(function(){
$(this).css({
'color': '#fff18f',
'border-bottom': '1px solid #fff18f'
});
});
focus.focusout(function(){
$(this).removeAttr('style');
});
$('.sharethis').click(function(){
$(this).next('.sharelist').slideToggle('fast');
});
});
})(jQuery);
修正後の記述
jQuery.noConflict();
(function($) {
$(function() {
// Dropdown Menu
var timeout = 100;
var closetimer = 0;
var ddmenuitem = 0;
function jsddm_open() {
jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').css('visibility', 'visible').parent().addClass('jsddm_hover').end();
}
function jsddm_close() {
if(ddmenuitem) ddmenuitem.css('visibility', 'hidden').parent().removeClass('jsddm_hover');
}
function jsddm_timer() {
closetimer = window.setTimeout(jsddm_close, timeout);
}
function jsddm_canceltimer() {
if(closetimer) {
window.clearTimeout(closetimer);
closetimer = null;
}
}
$('.jsddm > li').bind('mouseover', jsddm_open);
$('.jsddm > li').bind('mouseout', jsddm_timer);
document.onclick = jsddm_close;
$('.thumb img').after('<span></span>');
$('.thumb span').css('opacity','0');
$('.post_home a:first-child').hover(function(){
$(this).find('span').stop().animate({opacity: 0.45}, 200);
$(this).nextAll().find('a').css('color', '#fff18f');
}, function(){
$(this).find('span').stop().animate({opacity: 0}, 200);
$(this).nextAll().find('a').removeAttr('style');
});
$('.thumb img, .post_content img').lazyload({
effect : "fadeIn"
});
$('.l_col .post_text p:last').css('margin-bottom','0');
var focus = $('.focus');
focus.focusin(function(){
$(this).css({
'color': '#fff18f',
'border-bottom': '1px solid #fff18f'
});
});
focus.focusout(function(){
$(this).removeAttr('style');
});
$('.sharethis').click(function(){
$(this).next('.sharelist').slideToggle('fast');
});
$('#show').after('<div id="show_nav">').cycle({
fx: 'fade',
speed: 500,
next: '#show',
timeout: 0,
pager: '#show_nav'
});
});
})(jQuery);
最終更新：2010年11月03日 13:22
