kratos-pjax-0.4.4主题与日历插件冲突解决方法

由于未知原因,启用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');
      }
    });
  });
  
点赞

发表回复

电子邮件地址不会被公开。必填项已用 * 标注