MediaWiki

EventList.js:修订间差异

来自卡厄思梦境WIKI

律Rhyme留言 | 贡献
无编辑摘要
律Rhyme留言 | 贡献
无编辑摘要
第2行: 第2行:
mw.loader.load( mw.util.getUrl( 'MediaWiki:EventList.css', { action: 'raw', ctype: 'text/css' } ), 'text/css' );
mw.loader.load( mw.util.getUrl( 'MediaWiki:EventList.css', { action: 'raw', ctype: 'text/css' } ), 'text/css' );


    $('.event-option').click(function() {
        var $this = $(this);
        var optionIndex = $this.data('option-index');
        var $container = $this.closest('.event-container');
        var $effect = $container.find('.event-effect[data-effect-index="' + optionIndex + '"]');
        var $allOptions = $container.find('.event-option');
        var $allEffects = $container.find('.event-effect');
       
        // 如果点击的是已经激活的选项,关闭它
        if ($this.hasClass('active')) {
            $this.removeClass('active');
            $effect.slideUp(200, function() {
                calculateHeight($container);
            });
        } else {
            // 移除所有选项的激活状态
            $allOptions.removeClass('active');
           
            // 激活当前选项
            $this.addClass('active');
           
            // 隐藏所有效果,显示当前效果
            $allEffects.not($effect).stop(true, true).hide();
            $effect.stop(true, true).slideDown(200, function() {
                calculateHeight($container);
            });
           
            // 立即计算高度以避免闪烁
            calculateHeight($container);
        }
    });
   
     // 计算并设置容器高度
     // 计算并设置容器高度
     function calculateHeight($container) {
     function calculateHeight($container) {
第44行: 第12行:
         });
         });
          
          
         // 只计算可见效果的高度
         // 计算所有效果的高度
         $container.find('.event-effect:visible').each(function() {
         $container.find('.event-effect').each(function() {
             totalHeight += $(this).outerHeight(true);
             totalHeight += $(this).outerHeight(true);
         });
         });
第64行: 第32行:
         calculateHeight($(this));
         calculateHeight($(this));
     });
     });
   
    // 图片点击跳转
    $('.event-image').click(function(e) {
        var $container = $(this).closest('.event-container');
        var eventId = $container.data('event-id');
        var $link = $(this).find('a');
       
        if ($link.length > 0) {
            window.location.href = $link.attr('href');
        }
    }).css('cursor', 'pointer');
});
});

2025年10月18日 (六) 13:32的版本

$(function() {
	mw.loader.load( mw.util.getUrl( 'MediaWiki:EventList.css', { action: 'raw', ctype: 'text/css' } ), 'text/css' );

    // 计算并设置容器高度
    function calculateHeight($container) {
        var baseHeight = 170; // 基础高度(到选项区域)
        var totalHeight = baseHeight;
        
        // 计算所有选项的高度
        $container.find('.event-option').each(function() {
            totalHeight += $(this).outerHeight(true);
        });
        
        // 计算所有效果的高度
        $container.find('.event-effect').each(function() {
            totalHeight += $(this).outerHeight(true);
        });
        
        // 添加底部间距
        totalHeight += 15;
        
        // 设置容器和背景高度
        $container.css('min-height', totalHeight + 'px');
        
        // 背景高度 = 总高度 - 顶部偏移
        var bgHeight = totalHeight - 160;
        $container.find('.event-background').css('height', bgHeight + 'px');
    }
    
    // 初始化时计算所有容器的高度
    $('.event-container').each(function() {
        calculateHeight($(this));
    });
    
    // 图片点击跳转
    $('.event-image').click(function(e) {
        var $container = $(this).closest('.event-container');
        var eventId = $container.data('event-id');
        var $link = $(this).find('a');
        
        if ($link.length > 0) {
            window.location.href = $link.attr('href');
        }
    }).css('cursor', 'pointer');
});