MediaWiki:Common.js

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */

// 使用 mw.hook 监听内容变化，兼容 Citizen 的无刷新加载
mw.hook('wikipage.content').add(function($content) {

    // 强制唤醒折叠元素 (防 Ctrl+F5失效)
    mw.loader.using('jquery.makeCollapsible').then(function () {
        // 给浏览器 50 毫秒的渲染缓冲时间，确保 HTML 彻底画完
        setTimeout(function() {
            // :not(.mw-made-collapsible) 确保不会对已经折叠过的元素重复发号施令
            $content.find('.mw-collapsible:not(.mw-made-collapsible)').makeCollapsible();
        }, 50);
    });
    
    // 2. 萌百风格 Tabs 自动转换脚本
    // ==========================================
    // 注意这里把原来的 $('.Tabs') 改成了 $content.find('.Tabs')
    $content.find('.Tabs').each(function() {
        var $tabsContainer = $(this);
        
        // 1. 检查是否已经初始化过
        if ($tabsContainer.hasClass('tabs-initialized')) return;

        // 2. 提取所有的标签和内容
        var $tabItems = $tabsContainer.find('> .Tab');
        if ($tabItems.length === 0) return;

        // 3. 创建标准的标签栏和内容容器
        var $labelWrapper = $('<div class="TabLabel"></div>');
        var $contentWrapper = $('<div class="TabContent"></div>');

        $tabItems.each(function(index) {
            var $item = $(this);
            var $label = $item.find('> .TabLabelText');
            var $content = $item.find('> .TabContentText');

            // 给第一个设为选中
            if (index === 0) {
                $label.addClass('selected');
                $content.addClass('selected');
            }

            // 绑定点击事件
            $label.on('click', function() {
                $labelWrapper.find('.TabLabelText').removeClass('selected');
                $contentWrapper.find('.TabContentText').removeClass('selected');
                $(this).addClass('selected');
                $content.addClass('selected');
            });

            $labelWrapper.append($label);
            $contentWrapper.append($content);
        });

        // 清空原有的“散装”内容，插入标准结构
        $tabsContainer.empty().append($labelWrapper).append($contentWrapper).addClass('tabs-initialized');
    });

});