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' );
// 为每个事件选项添加点击事件
$('.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 + '"]');
// 切换active状态
if ($this.hasClass('active')) {
// 如果已经是active，则隐藏效果并移除active
$this.removeClass('active');
$effect.slideUp(200);
} else {
// 隐藏同一事件中其他选项的效果
$container.find('.event-option').removeClass('active');
$container.find('.event-effect').slideUp(200);
// 显示当前选项的效果
$this.addClass('active');
$effect.slideDown(200);
}
// 动态调整容器高度
setTimeout(function() {
var totalHeight = 170; // 基础高度
$container.find('.event-option, .event-effect:visible').each(function() {
totalHeight += $(this).outerHeight(true);
});
$container.find('.event-background').css('min-height', (totalHeight - 160) + 'px');
}, 210);
});
});