由于未知原因,启用kratos-pjax-0.4.4主题后导致Archives Calendar Widget插件不能点击。
解决方法:在主题设置中增加附加JS,代码如下:
$(document).ready(function () {
$(document).on('click', '.prev-year', function (e){
e.preventDefault(); // 阻止默认链接行为
// 查找当前具有 "current" 类的年份项
var currentYearItem = $('.archives-years .year.current');
// 查找前一个年份项(当前年份项的前一个兄弟元素)
var prevYearItem = currentYearItem.next('.year');
// 如果存在前一个年份项,则切换 "current" 类
if (prevYearItem.length != 0) {
// 使用动画效果切换类
currentYearItem.removeClass('current');
prevYearItem.addClass('current');
} else {
console.log("没有上一年了");
}
// 查找当前年份项的 元素
var currentYearLink = $('.menu-container .menu .current');
// 查找前一个年份项(当前年份项的前一个兄弟元素)
var prevYearLink = currentYearLink.parent().next().find('a');
// 如果存在前一个年份项的 元素,则替换标题
if (prevYearLink.length != 0) {
// 获取前一个年份项的文本
var prevYearText = prevYearLink.text();
// 替换标题的文本
$('.menu-container .title').text(prevYearText);
// 移除所有年份项的 "current" 类
$('.menu-container .menu a').removeClass('current');
// 将前一个年份项设置为 "current"
prevYearLink.addClass('current');
}
});
$(document).on('click', '.next-year', function (e) {
e.preventDefault(); // 阻止默认链接行为
// 查找当前具有 "current" 类的年份项
var currentYearItem = $('.archives-years .year.current');
// 查找前一个年份项(当前年份项的前一个兄弟元素)
var nextYearItem = currentYearItem.prev('.year');
// 如果存在前一个年份项,则切换 "current" 类
if (nextYearItem.length != 0) {
// 使用动画效果切换类
currentYearItem.removeClass('current');
nextYearItem.addClass('current');
} else {
console.log("没有下一年了");
}
// 查找当前年份项的 元素
var currentYearLink = $('.menu-container .menu .current');
// 查找前一个年份项(当前年份项的前一个兄弟元素)
var nextYearLink = currentYearLink.parent().prev().find('a');
// 如果存在前一个年份项的 元素,则替换标题
if (nextYearLink.length != 0) {
// 获取前一个年份项的文本
var nextYearText = nextYearLink.text();
// 替换标题的文本
$('.menu-container .title').text(nextYearText);
// 移除所有年份项的 "current" 类
$('.menu-container .menu a').removeClass('current');
// 将前一个年份项设置为 "current"
nextYearLink.addClass('current');
}
});
});