User:弃权者/Common.js.bak：修订间差异

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

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

    //强制唤醒折叠元素 (解决导航栏卡住、全展开问题)
    mw.loader.using('jquery.makeCollapsible').then(function () {
        // 让页面里所有的 .mw-collapsible 重新活过来
        $content.find('.mw-collapsible').makeCollapsible();
    });

    
    // 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');
    });

});

/* 导航胶囊互斥逻辑：确保同一时间只有一个面板展开 */
mw.hook('wikipage.content').add(function($content) {
    // 监听所有带有 .nav-pill-btn 类的点击
    $content.find('.nav-pill-btn').on('click', function() {
        var $clicked = $(this);
        // 使用正则提取编号 (例如 mw-customtoggle-game1 -> 1)
        var match = $clicked.attr('class').match(/mw-customtoggle-game(\d+)/);
        if (!match) return;
        
        var currentId = match[1];
        var $myContent = $('#mw-customcollapsible-game' + currentId); // 修正：此处使用 + 拼接

        // 如果我们正准备打开这个面板 (它目前带有折叠类 mw-collapsed)
        if ($myContent.hasClass('mw-collapsed')) {
            // 找到所有其他的导航内容面板
            $('.nav-pill-content').not($myContent).each(function() {
                var $other = $(this);
                // 如果发现某个面板不是折叠状态，则模拟点击对应的按钮让其收回
                if (!$other.hasClass('mw-collapsed')) {
                    var otherNum = $other.attr('id').replace('mw-customcollapsible-game', '');
                    $('.mw-customtoggle-game' + otherNum).click();
                }
            });
        }
    });
});

$(function() {
    var $tooltip = $('<div id="custom-notetip-popup"></div>').appendTo('body').css({
        'position': 'absolute',
        'display': 'none',
        'z-index': '10000',
        'background': '#fff',
        'border': '1px solid #a2a9b1',
        'padding': '6px 8px',
        'box-shadow': '0 2px 4px rgba(0,0,0,0.2)',
        'font-size': '14px',
        'pointer-events': 'none'
    });

    $(document).on('mouseenter', '.mw-custom-notetip', function() {
        var $this = $(this);
        var text = $this.data('notetip');
        var rect = this.getBoundingClientRect();
        
        $tooltip.text(text).show();

        var tipHeight = $tooltip.outerHeight();
        var top = $(window).scrollTop() + rect.top - tipHeight - 10;

        if (rect.top - tipHeight < 10) {
            top = $(window).scrollTop() + rect.bottom + 10;
        }

        $tooltip.css({
            'top': top + 'px',
            'left': (rect.left + (rect.width / 2) - ($tooltip.outerWidth() / 2)) + 'px'
        });
    }).on('mouseleave', '.mw-custom-notetip', function() {
        $tooltip.hide();
    });
});