加帕里图书馆 - 兽娘动物园中文维基
动物朋友 けものフレンズ KemonoFriends百科

MediaWiki:Vector.js：修订间差异

来自加帕里图书馆
跳转到导航 跳转到搜索
←上一编辑下一编辑→
黯狐​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,673次编辑
无编辑摘要
标签：已被回退
黯狐​（留言 | 贡献）
行政员、​界面管理员、​管理员
1,673次编辑
无编辑摘要
第445行： 第445行：
    });
    });
} )( jQuery );
} )( jQuery );
( function ( $, mw ) {
   
    // --- 1. 定义常量和选择器 ---
    const NAV_WRAPPER_ID = 'cross-page-nav-wrapper';
    const TARGET_CLASS = 'spa-nav-tab';
    // MediaWiki 标准的内容区域ID (用于替换主体内容)
    const CONTENT_AREA_ID = 'mw-content-text';
    // --- 2. 条件检测 (确保模板被引用) ---
    const $navWrapper = $( '#' + NAV_WRAPPER_ID );
    if ( $navWrapper.length === 0 ) {
        // 如果页面没有导航 ID，则不执行任何操作
        return;
    }
    const $contentArea = $( '#' + CONTENT_AREA_ID );
    // --- 3. 页面核心元素更新函数：实现“替换效果”的关键 ---
    function updatePageElements( newTitle ) {
        // 1. 更新浏览器标签页标题
        document.title = newTitle + ' - ' + mw.config.get( 'wgSiteName' );
        // 2. 替换页面内部主标题 (ID: firstHeading)
        // 确保只有在元素存在时才进行替换
        $( '#firstHeading' ).text( newTitle );
       
        // 3. 更新顶部核心标签 (如 页面/讨论/阅读/编辑)
        const $viewTab = $( '#ca-nstab-main' ).find( 'a' ); // 页面
        const $talkTab = $( '#ca-talk' ).find( 'a' );      // 讨论
       
        // 生成新的 URL 路径
        const newUrl = mw.util.getUrl( newTitle );
        const newTalkUrl = mw.util.getUrl( 'Talk:' + newTitle );
        // 替换链接 (实现点击'页面'或'讨论'时，跳转到新页面)
        $viewTab.attr( 'href', newUrl );
        $talkTab.attr( 'href', newTalkUrl );
       
        // 更新“页面”标签的文本，使其显示新页面的标题
        $viewTab.text( newTitle );
    }
    // --- 4. 核心功能函数：加载新页面内容 ---
    function loadNewPageContent( targetPageTitle, $tabElement ) {
       
        // 保存原始内容，以便加载失败时恢复
        const originalContent = $contentArea.html();
       
        // 显示加载提示，实现无白屏闪烁
        $contentArea.html( '<p class="loading-message">正在加载页面: ' + targetPageTitle + '...</p>' );
       
        // 清除当前标签的选中状态
        $navWrapper.find( '.current-tab' ).removeClass( 'current-tab' );
        // 调用 MediaWiki API 获取目标页面的渲染后的内容
        $.ajax( {
            url: mw.util.wikiScript( 'api' ),
            data: {
                action: 'parse',
                page: targetPageTitle,
                format: 'json',
                prop: 'text', // 只获取渲染后的HTML内容
                disablelimitreport: 1
            },
            dataType: 'json',
            success: function ( data ) {
                if ( data && data.parse && data.parse.text ) {
                   
                    // A. 替换内容区域
                    $contentArea.html( data.parse.text['*'] );
                   
                    // B. 更新核心页面元素 (标题、顶部标签) - 实现替换效果的关键！
                    updatePageElements( targetPageTitle );
                   
                    // C. 更新 URL (无刷新切换 URL)
                    const newUrl = mw.util.getUrl( targetPageTitle );
                    history.pushState( { page: targetPageTitle }, document.title, newUrl );
                   
                    // D. 更新导航栏的选中状态
                    if ($tabElement) {
                        $tabElement.parent().addClass( 'current-tab' );
                    }
                   
                    // E. 触发 MediaWiki 的内容加载钩子 (重要！确保新内容中的JS/扩展能正常工作)
                    mw.hook( 'wikipage.content' ).fire( $contentArea );
                    mw.notify( '已切换到页面: ' + targetPageTitle, { type: 'success' } );
                } else {
                    $contentArea.html( originalContent );
                    mw.notify( '页面加载失败或页面不存在: ' + targetPageTitle, { type: 'error' } );
                }
            },
            error: function () {
                $contentArea.html( originalContent );
                mw.notify( '网络错误，无法切换页面。', { type: 'error' } );
            }
        } );
    }
    // --- 5. 绑定事件：拦截点击 ---
    $navWrapper.on( 'click', '.' + TARGET_CLASS, function ( e ) {
        const $tab = $( this );
        const targetPage = $tab.parent().data( 'target' );
        // 检查是否点击了当前页面本身 (在模板中，当前页面标签的 is-self 为 true)
        if ( $tab.parent().data( 'is-self' ) === true ) {
            e.preventDefault(); // 阻止默认跳转，但什么也不做，因为已经是当前页
            return;
        }
        e.preventDefault(); // 阻止默认的页面跳转！
        loadNewPageContent( targetPage, $tab );
    } );
   
    // --- 6. 历史状态处理 (处理浏览器的前进/后退按钮) ---
    $( window ).on( 'popstate', function ( e ) {
        const state = e.originalEvent.state;
       
        if ( state && state.page ) {
            // 当用户点击后退/前进时，找到对应标签，并执行加载
            const $targetTab = $navWrapper.find( '[data-target="' + state.page + '"] a' );
            if ($targetTab.length) {
                loadNewPageContent( state.page, $targetTab );
            } else {
                // 如果找不到标签，则执行完整页面刷新以确保状态一致性
                window.location.reload();
            }
        } else if ( window.location.pathname.indexOf( mw.config.get('wgScript') ) !== -1 ) {
            // 如果 popstate 发生在初始 URL 状态 (例如：从 /Test2 变回 /index.php/Test1)
            // 此时 URL 已经变化，也应该执行一次加载
            const newTitle = mw.config.get( 'wgPageName' ); // 获取当前 URL 对应的页面标题
            const $targetTab = $navWrapper.find( '[data-target="' + newTitle + '"] a' );
            if ($targetTab.length) {
                loadNewPageContent( newTitle, $targetTab );
            }
        }
    });
} )( jQuery, mediaWiki );

2025年12月10日 (三) 10:06的版本

/* 此处所有JavaScript将为使用Vector皮肤的用户加载 */
mw.loader.load( 'MediaWiki:CrossPageNav.js' );

function makeCollapsibleMwCollapsible( $content ) {
	var $tables = $content
		.find( 'table.collapsible:not(.mw-collapsible)' )
		.addClass( 'mw-collapsible' );

	$.each( $tables, function ( index, table ) {
		// mw.log.warn( 'This page is using the deprecated class collapsible. Please replace it with mw-collapsible.');
		if ( $( table ).hasClass( 'collapsed' ) ) {
			$( table ).addClass( 'mw-collapsed' );
			// mw.log.warn( 'This page is using the deprecated class collapsed. Please replace it with mw-collapsed.');
		}
	} );
	if ( $tables.length > 0 ) {
		mw.loader.using( 'jquery.makeCollapsible' ).then( function () {
			$tables.makeCollapsible();
		} );
	}
}
mw.hook( 'wikipage.content' ).add( makeCollapsibleMwCollapsible );
function mwCollapsibleSetup( $collapsibleContent ) {
	var $element,
		$toggle,
		autoCollapseThreshold = 2;
	$.each( $collapsibleContent, function ( index, element ) {
		$element = $( element );
		if ( $element.hasClass( 'collapsible' ) ) {
			$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
		}
		if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
			$element.data( 'mw-collapsible' ).collapse();
		} else if ( $element.hasClass( 'innercollapse' ) ) {
			if ( $element.parents( '.outercollapse' ).length > 0 ) {
				$element.data( 'mw-collapsible' ).collapse();
			}
		}
		// because of colored backgrounds, style the link in the text color
		// to ensure accessible contrast
		$toggle = $element.find( '.mw-collapsible-toggle' );
		if ( $toggle.length ) {
			// Make the toggle inherit text color
			if ( $toggle.parent()[ 0 ].style.color ) {
				$toggle.find( 'a' ).css( 'color', 'inherit' );
			}
		}
	} );
}
mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );

( function ( $ ) {
    var customSidebarHtml = 
        '<div class="portal" id="p-customnav">' +
            '<div class="body">' +
                '<div class="body-list">' +
                    
                    // 1. 首页 (一级)
                    '<div class="menu-item"><a href="主馆">首页</a></div>' +

                    // 2. 兽娘动物园企划 (二级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:企划介绍">兽娘动物园企划</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            '<div class="menu-item"><a href="Kemono Friends">Kemono Friends</a></div>' +
                            '<div class="menu-item"><a href="世界观">世界观</a></div>' +
                            '<div class="menu-item"><a href="年表">年表</a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +

                    // 3. Friends (二级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:Friends">Friends</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            '<div class="menu-item"><a href="哺乳纲">哺乳纲</a></div>' +
                            '<div class="menu-item"><a href="鸟纲">鸟纲</a></div>' +
                            '<div class="menu-item"><a href="爬行纲">爬行纲</a></div>' +
                            '<div class="menu-item"><a href="两栖纲">两栖纲</a></div>' +
                            '<div class="menu-item"><a href="传说生物">传说生物</a></div>' +
                            '<div class="menu-item"><a href="其他">其他</a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +

                    // 4. TV动画 (二级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:TV动画">TV动画</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            // 4.1. 一期动画
                            '<div class="menu-item has-submenu">' +
                                '<a href="一期动画">一期动画</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    // 4.1.1. 设定集
                                    '<div class="menu-item"><a href="一期动画设定集">一期设定集</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            // 4.2. 二期动画 
                            '<div class="menu-item has-submenu">' +
                                '<a href="二期动画">二期动画</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    // 4.2.1. 设定集 
                                    '<div class="menu-item"><a href="二期动画设定集">二期设定集</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            // 4.3. 欢迎来到加帕里公园 (二级)
                            '<div class="menu-item"><a href="欢迎来到加帕里公园">欢迎来到加帕里公园</a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +
                    
                    // 5. **书籍** (新增的一级/二级菜单)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:书籍">书籍</a>' + 
                        '<div class="submenu">' + // 二级菜单开始

                            // 5.1. 漫画 (三级 - 原来的 5.)
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:漫画">漫画</a>' + 
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="兽娘动物园 —欢迎来到加帕里公园！—">兽娘动物园 —欢迎来到加帕里公园！—</a></div>' +
                                    '<div class="menu-item"><a href="兽娘动物园2">兽娘动物园2</a></div>' +
                                    // 5.1.1. 官方同人 (四级 - 原来的 5.1.)
                                    '<div class="menu-item has-submenu">' +
                                        '<a href="分类:官方同人漫画">官方同人</a>' +
                                        '<div class="submenu">' + // 四级菜单开始
                                            '<div class="menu-item"><a href="同人漫画:加帕里公园篇">加帕里公园篇</a></div>' +
                                            '<div class="menu-item"><a href="同人漫画:加帕里咖啡篇">加帕里咖啡篇</a></div>' +
                                            '<div class="menu-item"><a href="同人漫画:加帕里馒头篇">加帕里馒头篇</a></div>' +
                                            '<div class="menu-item"><a href="同人漫画:加帕里巴士篇">加帕里巴士篇</a></div>' +
                                            '<div class="menu-item"><a href="同人漫画:加帕里公园篇2">加帕里公园篇2</a></div>' +
                                            '<div class="menu-item"><a href="同人漫画:加帕里咖啡篇2">加帕里咖啡篇2</a></div>' +
                                            '<div class="menu-item"><a href="同人漫画:加帕里巴士篇2">加帕里巴士篇2</a></div>' +
                                            '<div class="menu-item"><a href="同人漫画:兽娘动物园 Comic × Radio Anthology 读吧 听吧 开心！！！">兽娘动物园 Comic × Radio Anthology 读吧 听吧 开心！！！</a></div>' + 
                                            '<div class="menu-item"><a href="同人漫画:加帕里公园篇3">加帕里公园篇3</a></div>' +
                                            '<div class="menu-item"><a href="同人漫画:加帕里公园篇4">加帕里公园篇4</a></div>' +
                                        '</div>' + // 四级菜单结束
                                    '</div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            
                            // 5.2. 公式书 (三级 - 原来的 5.2.)
                            '<div class="menu-item has-submenu">' +
                                '<a href="公式书">公式书</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="兽娘动物园 Official Guide Book Project的轨迹">兽娘动物园 Official Guide Book Project的轨迹</a></div>' +
                                    '<div class="menu-item"><a href="兽娘动物园展图鉴">兽娘动物园展图鉴</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            // **5.3.小说 (三级) - 新增**
                            '<div class="menu-item"><a href="兽娘动物园2小说">兽娘动物园2小说</a></div>' +

                        '</div>' + // 二级菜单结束 (书籍)
                    '</div>' +

                    // 6. 音乐 (三级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:音乐">音乐</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            // 6.1. 单曲 (三级)
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:单曲">单曲</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="1st ようこそジャパリパークヘ">1st ようこそジャパリパークヘ</a></div>' +
                                    '<div class="menu-item"><a href="2nd フレ！フレ！ベストフレンズ">2nd フレ！フレ！ベストフレンズ</a></div>' +
                                    '<div class="menu-item"><a href="3rd 乗ってけ！ジャパリビート">3rd 乗ってけ！ジャパリビート</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            // 6.2. 专辑 (三级)
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:专辑">专辑</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="1st 广播剧&角色曲专辑 「Japari Café」">1st 广播剧&角色曲专辑 「Japari Café」</a></div>' +
                                    '<div class="menu-item"><a href="2nd 角色曲专辑 「Japari Café2」">2nd 角色曲专辑 「Japari Café2」</a></div>' +
                                    '<div class="menu-item"><a href="1st PPP出道专辑 「ペパプ・イン・ザ・スカイ！」">1st PPP出道专辑 「ペパプ・イン・ザ・スカイ！」</a></div>' +
                                    '<div class="menu-item"><a href="1st 动物饼干出道专辑 「さふぁりどらいぶ♪」">1st 动物饼干出道专辑 「さふぁりどらいぶ♪」辑</a></div>' +
                                    '<div class="menu-item"><a href="Best けものフレンズ「ようこそジャパリパークへ　〜こんぷりーとべすと〜」">Best けものフレンズ「ようこそジャパリパークへ　〜こんぷりーとべすと〜」</a></div>' +
                                    '<div class="menu-item"><a href="3rd 角色曲专辑「Friends Beat！」">3rd 角色曲专辑「Friends Beat！」</a></div>' +
                                    '<div class="menu-item"><a href="1st け・も・の・だ・も・の">1st け・も・の・だ・も・の</a></div>' +
                                    '<div class="menu-item"><a href="1st ×加帕里团出道专辑 「×・×・×（ばってん・ばってん・ばってん）」">1st ×加帕里团出道专辑 「×・×・×（ばってん・ばってん・ばってん）」</a></div>' +
                                    '<div class="menu-item"><a href="1st MIRACLE DIALIES">1st MIRACLE DIALIES</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            // 6.3. EP (三级)
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:EP">EP</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="Starry story">Starry story</a></div>' +
                                    '<div class="menu-item"><a href="おやすみ おはよ">おやすみ おはよ</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            // 6.4. 原声音乐 (三级)
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:原声音乐">原声音乐</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="1st Original Sound Track">1st Original Sound Track</a></div>' +
                                    '<div class="menu-item"><a href="舞台剧 舞台剧「兽娘动物园」Original Sound Track">舞台剧 舞台剧「兽娘动物园」Original Sound Track</a></div>' +
                                    '<div class="menu-item"><a href="2nd TV动画《兽娘动物园2》Original Sound Track">2nd TV动画《兽娘动物园2》Original Sound Track</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            // 6.5. 网络音乐 (三级)
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:网络音乐">网络音乐</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="桜てのひら">桜てのひら</a></div>' +
                                    '<div class="menu-item"><a href="けもののこどう">けもののこどう</a></div>' +
                                    '<div class="menu-item"><a href="Grayish Heaven">Grayish Heaven</a></div>' +
                                    '<div class="menu-item"><a href="starting now!!">starting now!!</a></div>' +
                                    '<div class="menu-item"><a href="I’m with you">I’m with you</a></div>' +
                                    '<div class="menu-item"><a href="カラカラカラ騒ぎ">カラカラカラ騒ぎ</a></div>' +
                                    '<div class="menu-item"><a href="Joyful">Joyful</a></div>' +
                                    '<div class="menu-item"><a href="Dystopia World">Dystopia World</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            
                            // 6.6. Live (三级)
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:Live">Live</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="けものフレンズ LIVE">けものフレンズ LIVE</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズ LIVE 大阪追加公演">けものフレンズ LIVE 大阪追加公演</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズ LIVE　〜PPP LIVE〜">けものフレンズ LIVE　〜PPP LIVE〜</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズ LIVE　〜どうぶつビスケッツ LIVE〜">けものフレンズ LIVE　〜どうぶつビスケッツ LIVE〜</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズ PARTY">けものフレンズ PARTY</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズ3 LIVE">けものフレンズ3 LIVE</a></div>' +
                                    '<div class="menu-item"><a href="Gothic×Luck 1st Anniversary ～チャールズのかしのき～">Gothic×Luck 1st Anniversary ～チャールズのかしのき～</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズ3 LIVE ～1st anniversary～">けものフレンズ3 LIVE ～1st anniversary～</a></div>' + 
                                    '<div class="menu-item"><a href="×ジャパリ団 LIVE ～ヘドバンの準備はできているか!?～">×ジャパリ団 LIVE ～ヘドバンの準備はできているか!?～</a></div>' +
                                    '<div class="menu-item"><a href="Gothic×Luck online LIVE ～オリオンの輝き～">Gothic×Luck online LIVE ～オリオンの輝き～</a></div>' +
                                    '<div class="menu-item"><a href="PPP ONLINE LIVE ～世界ペンギンの日大感謝祭～">PPP ONLINE LIVE ～世界ペンギンの日大感謝祭～</a></div>' +
                                    '<div class="menu-item"><a href="Gothic×Luck ユメノナカノセカイ 大阪">Gothic×Luck ユメノナカノセカイ 大阪</a></div>' +
                                    '<div class="menu-item"><a href="Gothic×Luck ユメノナカノセカイ 仙台">Gothic×Luck ユメノナカノセカイ 仙台</a></div>' +
                                    '<div class="menu-item"><a href="Gothic×Luck ユメノナカノセカイ 东京">Gothic×Luck ユメノナカノセカイ 东京</a></div>' +
                                    '<div class="menu-item"><a href="Gothic×Luck ユメノナカノセカイ 东京追加">Gothic×Luck ユメノナカノセカイ 东京追加</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズV 1st LIVE">けものフレンズV 1st LIVE</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズV LIVE かがやきをより強く！">けものフレンズV LIVE かがやきをより強く！</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズ LIVE　はろー じゃぱん！">けものフレンズ LIVE　はろー じゃぱん！</a></div>' +
                                    '<div class="menu-item"><a href="東京コミックコンベンション2024 どうぶつビスケッツ トークショー＆ミニライブ">東京コミックコンベンション2024 どうぶつビスケッツ トークショー＆ミニライブ</a></div>' +
                                    '<div class="menu-item"><a href="Gothic×Luck ただいま 大阪">Gothic×Luck ただいま 大阪</a></div>' +
                                    '<div class="menu-item"><a href="Gothic×Luck ただいま 东京">Gothic×Luck ただいま 东京</a></div>' +
                                    '<div class="menu-item"><a href="もうすぐ夏休み！ジャパリ歌謡祭！！">もうすぐ夏休み！ジャパリ歌謡祭！！</a></div>' +
                                    '<div class="menu-item"><a href="ちく☆たむクルーズへようこそ！～船の上でもドッタンバッタン大騒ぎ～">ちく☆たむクルーズへようこそ！～船の上でもドッタンバッタン大騒ぎ～</a></div>' + 
                                    '<div class="menu-item"><a href="東京コミックコンベンション2025 ペパプ トークショー＆ミニライブ">東京コミックコンベンション2025 ペパプ トークショー＆ミニライブ</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            // 6.7 动物音乐会
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:Live">动物音乐会</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="けものフレンズ×東京フィルハーモニー交響楽団「もりのおんがくかい」">けものフレンズ×東京フィルハーモニー交響楽団「もりのおんがくかい」</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズ×関西フィルハーモニー管弦楽団「もりのおんがくかい」">けものフレンズ×関西フィルハーモニー管弦楽団「もりのおんがくかい」</a></div>' +
                                    '<div class="menu-item"><a href="けものフレンズ×東京フィルハーモニー交響楽団「もりのおんがくかい」 Final">けものフレンズ×東京フィルハーモニー交響楽団「もりのおんがくかい」 Final</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +                                
                            // 6.8 参加节目(二级)
                            '<div class="menu-item"><a href="音乐/参加节目">参加节目</a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +

                    // 7. 游戏 (二级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:游戏">游戏</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            '<div class="menu-item"><a href="游戏:けものフレンズ（Nexon版）">けものフレンズ（Nexon版）</a></div>' +
                            '<div class="menu-item"><a href="游戏:けものフレンズあらーむ">けものフレンズあらーむ</a></div>' +
                            '<div class="menu-item"><a href="游戏:けものフレンズぱびりおん">けものフレンズぱびりおん</a></div>' +
                            '<div class="menu-item"><a href="游戏:けものフレンズ FESTIVAL ">けものフレンズ FESTIVAL </a></div>' +
                            '<div class="menu-item"><a href="游戏:けものフレンズピクロス">けものフレンズピクロス</a></div>' +
                            '<div class="menu-item"><a href="游戏:けものフレンズ3 ">けものフレンズ3 </a></div>' +
                            '<div class="menu-item"><a href="游戏:けものフレンズ3 プラネットツアーズ ">けものフレンズ3 プラネットツアーズ </a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +

                    // 8. 舞台剧 (二级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:舞台剧">舞台剧</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            '<div class="menu-item"><a href="舞台「けものフレンズ」">舞台「けものフレンズ」</a></div>' +
                            '<div class="menu-item"><a href="あにてれ×=LOVEステージプロジェクト">あにてれ×=LOVEステージプロジェクト</a></div>' +
                            '<div class="menu-item"><a href="舞台「けものフレンズ」2〜ゆきふるよるのけものたち〜">舞台「けものフレンズ」2〜ゆきふるよるのけものたち〜</a></div>' +
                            '<div class="menu-item"><a href="JAPARI STAGE! 〜おおきなみみとちいさなきせき〜">JAPARI STAGE! 〜おおきなみみとちいさなきせき〜</a></div>' +
                            '<div class="menu-item"><a href="JAPARI STAGE! 〜きみのあしおとがまたきこえた〜">JAPARI STAGE! 〜きみのあしおとがまたきこえた〜</a></div>' +
                            '<div class="menu-item"><a href="舞台「けものフレンズ」JAPARI LIVE 〜けものたちのしんねんかい〜">舞台「けものフレンズ」JAPARI LIVE 〜けものたちのしんねんかい〜</a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +

                    // 9. 虚拟主播 (二级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:虚拟主播">虚拟主播</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            '<div class="menu-item"><a href="虚拟主播:洪堡企鹅">洪堡企鹅</a></div>' +
                            '<div class="menu-item"><a href="虚拟主播:非洲企鹅">非洲企鹅</a></div>' +
                            '<div class="menu-item"><a href="虚拟主播:岛屿灰狐">岛屿灰狐</a></div>' +
                            '<div class="menu-item"><a href="虚拟主播:郊狼">郊狼</a></div>' +
                            '<div class="menu-item"><a href="虚拟主播:恐狮">恐狮</a></div>' +
                            '<div class="menu-item"><a href="虚拟主播:狞猫">狞猫</a></div>' +
                            '<div class="menu-item"><a href="虚拟主播:斑獛">斑獛</a></div>' +
                            '<div class="menu-item"><a href="虚拟主播:乔氏猫">乔氏猫</a></div>' +
                            '<div class="menu-item"><a href="虚拟主播:长耳蝠">长耳蝠</a></div>' +
                            '<div class="menu-item"><a href="虚拟主播:丛林猫">丛林猫</a></div>' +
                            '<div class="menu-item"><a href="虚拟主播:花栗鼠">花栗鼠</a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +

                    // 10. 联动 (二级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:联动">联动</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            '<div class="menu-item"><a href="联动:けものフレンズDIARY">けものフレンズDIARY</a></div>' +
                            // 联动:游戏 
                            '<div class="menu-item has-submenu">' +
                                '<a href="联动:游戏">游戏</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="联动:言灵战士">言灵战士</a></div>' +
                                    '<div class="menu-item"><a href="联动:命运之子">命运之子</a></div>' +
                                    '<div class="menu-item"><a href="联动:锁链战记3">锁链战记3</a></div>' +
                                    '<div class="menu-item"><a href="联动:dragon_nest_m">dragon_nest_m</a></div>' +
                                    '<div class="menu-item"><a href="联动:hangame">hangame</a></div>' +
                                    '<div class="menu-item"><a href="联动:魔物地下城">魔物地下城</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            '<div class="menu-item"><a href="联动:动物园&水族馆">动物园&水族馆</a></div>' +
                            '<div class="menu-item"><a href="联动:饮食店">饮食店</a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +


                    // 11. 美术展 (三级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:美术展">美术展</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            // 11.1. 吉崎观音概念设计展 (三级)
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:吉崎观音概念设计展">吉崎观音概念设计展</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="吉崎观音概念设计展:东京">东京</a></div>' +
                                    '<div class="menu-item"><a href="吉崎观音概念设计展:广岛">广岛</a></div>' +
                                    '<div class="menu-item"><a href="吉崎观音概念设计展:名古屋">名古屋</a></div>' +
                                    '<div class="menu-item"><a href="吉崎观音概念设计展:北海道">北海道</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            '<div class="menu-item"><a href="けものフレンズわーるど">けものフレンズわーるど</a></div>' +
                            '<div class="menu-item"><a href="けものフレンズ展">けものフレンズ展</a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +

                    // 12. 直播 (二级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:直播">直播</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            '<div class="menu-item"><a href="けものフレンズRADIO!!">けものフレンズRADIO!!</a></div>' +
                            '<div class="menu-item"><a href="けものフレンズアワー">けものフレンズアワー</a></div>' +
                            '<div class="menu-item"><a href="けものフレンズ presents フレンズ探検隊">けものフレンズ presents フレンズ探検隊</a></div>' +
                            '<div class="menu-item"><a href="「けものフレンズ」presentsどうぶつ図鑑">「けものフレンズ」presentsどうぶつ図鑑</a></div>' +
                            '<div class="menu-item"><a href="PPPのゆるぺぱ！">PPPのゆるぺぱ！</a></div>' +
                            '<div class="menu-item"><a href="PPPのなぞぺぱ！">PPPのなぞぺぱ！</a></div>' +
                            '<div class="menu-item"><a href="あにてれ presents フレンズ探検隊2">あにてれ presents フレンズ探検隊2</a></div>' +
                            '<div class="menu-item"><a href="Gothic×LuckのGothic×Radio">Gothic×LuckのGothic×Radio</a></div>' +
                            '<div class="menu-item"><a href="舞台剧直播">舞台剧直播</a></div>' +
                            '<div class="menu-item"><a href="けものフレンズ３ わくわくどきどき探検レポート">けものフレンズ３ わくわくどきどき探検レポート</a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +
                    
                    // 13. 同人作品 (二级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:同人作品">同人作品</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                            // 13.1. 漫画 (三级)
                            '<div class="menu-item has-submenu">' +
                                '<a href="同人作品:漫画">漫画</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="贿派">贿派</a></div>' +
                                    '<div class="menu-item"><a href="ころは">ころは</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            '<div class="menu-item"><a href="同人作品:游戏">游戏</a></div>' +
                        '</div>' + // 二级菜单结束
                    '</div>' +

                    // 14. 其他 (二级)
                    '<div class="menu-item has-submenu">' +
                        '<a href="分类:其他作品">其他</a>' +
                        '<div class="submenu">' + // 二级菜单开始
                          // 14.1. 快闪店 
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:快闪店">快闪店</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="快闪店:新宿">新宿</a></div>' +
                                    '<div class="menu-item"><a href="秋叶原Gamers">秋叶原Gamers</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            '<div class="menu-item"><a href="VR阿莱桑">VR阿莱桑</a></div>' +
                            // 14.2. 官方FC (三级)
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:官方FC">官方FC</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="官方FC:旧">旧</a></div>' +
                                    '<div class="menu-item"><a href="官方FC:新">新</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                            // 14.3. AI Chat Japari Talk (三级)
                            '<div class="menu-item has-submenu">' +
                                '<a href="分类:AI_Chat_Japari_Talk">AI Chat Japari Talk</a>' +
                                '<div class="submenu">' + // 三级菜单开始
                                    '<div class="menu-item"><a href="./ACJT:薮猫">薮猫</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:阿莱桑">阿莱桑</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:耳廓狐">耳廓狐</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:小爪水獭">小爪水獭</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:朱鹮">朱鹮</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:霍加狓">霍加狓</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:白脸角鸮">白脸角鸮</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:雕鸮">雕鸮</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:狞猫">狞猫</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:长尾虎猫">长尾虎猫</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:墨西哥钝口螈">墨西哥钝口螈</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:日本狗獾">日本狗獾</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:貉">貉</a></div>' +
                                    '<div class="menu-item"><a href="./ACJT:黄斑岩蹄兔">黄斑岩蹄兔</a></div>' +
                                '</div>' + // 三级菜单结束
                            '</div>' +
                        '</div>' + // 二级菜单结束 (其他)
                    '</div>' +

                '</div>' + // .body-list 结束
            '</div>' +
        '</div>';

    $( document ).ready( function () {
        var $sidebarPanel = $( '#mw-panel' );
        
        // 1. 替换默认的“导航”区块 (#p-navigation)
        var $defaultNav = $sidebarPanel.find( '#p-navigation' );
        if ( $defaultNav.length ) {
            $defaultNav.replaceWith( customSidebarHtml );
        }

        // 2. 绑定悬停逻辑到所有 .has-submenu 元素上 (支持多级)
        $sidebarPanel.on( {
            'mouseenter': function() {
                // 添加类名，让 CSS 弹出子菜单
                $( this ).addClass( 'submenu-open' );
            },
            'mouseleave': function() {
                // 移除类名，隐藏子菜单
                $( this ).removeClass( 'submenu-open' );
            }
        }, '.menu-item.has-submenu'); 
    });
} )( jQuery );
检索自“https://wiki.japari-cn.com/index.php?title=MediaWiki:Vector.js&oldid=52”