MediaWiki:Citizen.js

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

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

/* 这里的任何JavaScript将为使用Citizen皮肤的用户加载 */

// Wrap Cargo datatables in div wrapper
mw.loader.using( 'ext.cargo.datatables', function () {
    const datatables = document.querySelectorAll( 'table.dataTable' );
    if ( datatables !== null ) {
        datatables.forEach( function ( datatable ) {
            const wrapper = document.createElement( 'div' );
            wrapper.classList.add( 'citizen-table-wrapper' );
            datatable.parentNode.insertBefore( wrapper, datatable );
            wrapper.appendChild( datatable );
        } );
    }
} );


mw.hook( 'wikipage.content' ).add( function ( content ) {
	/*
     * Tippy.js
     * @see https://atomiks.github.io/tippyjs/
    */
	// content is a jQuery object, content[0] returns the bodyContent element
	// Select top-level tooltips
	const tooltips = content[ 0 ].querySelectorAll( '.tooltip:not( .tooltip .tooltip )' );

	if ( tooltips ) {
		mw.loader.getScript( 'https://unpkg.com/@popperjs/core@2' ).then( function () {
			mw.loader.getScript( ' https://unpkg.com/tippy.js@6' ).then( function () {
				// Load styles for shift-away animation
				mw.loader.load( 'https://unpkg.com/tippy.js@6/animations/shift-away.css', 'text/css' );
	
				const createTippy = function ( element, position ) {
					const tooltipContent = element.querySelector( ':scope > .tooltiptext' );
	
					tippy( element, {
						content: tooltipContent.innerHTML,
						placement: position
					} );
					
					// Make tooltip focusable by keyboard
					element.setAttribute( 'tabindex' ,  '0' );
				};
				
				tippy.setDefaultProps( {
					animation: 'shift-away',
					allowHTML: true,
					appendTo: document.body,
					ignoreAttributes: true,
					interactive: true
				} );
	
				tooltips.forEach( function ( tooltip ) {
					createTippy( tooltip, 'top' );
	
					const nestedTooltip = tooltip.querySelector( '.tooltip' );
	
					if ( nestedTooltip ) {
						createTippy( nestedTooltip, 'bottom' );
					}
				} );
			},
			function ( e ) {
				mw.log.error( e.message );
			}
			);
		},
		function ( e ) {
			mw.log.error( e.message );
		} );
	}
} );