MediaWiki:EventList.js
来自卡厄思梦境WIKI
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
$(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));
});
// 监听窗口大小变化，重新计算高度
$(window).on('resize', function() {
$('.event-container').each(function() {
calculateHeight($(this));
});
});
});