MediaWiki:Gadget-PopupTooltips.js
跳到导航
跳到搜索
注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件。
// See [[mw:Reference Tooltips]] window.pg || $(document).ready( function($) { // Make sure we are in article, project, or help namespace // if ( wgCanonicalNamespace === '' || wgCanonicalNamespace === 'Project' || wgCanonicalNamespace === 'Help' ) { isTouchscreen = false; timerLength = 200; $(".tooltipbasetext").each( function() { var tooltipNode, hideTimer, showTimer, checkFlip = false; function hide(){ if( tooltipNode && tooltipNode.parentNode == document.body ) { hideTimer = setTimeout( function() { $(tooltipNode).animate({opacity: 0}, 100, function(){ document.body.removeChild( tooltipNode ) }) }, isTouchscreen ? 16 : 100) } } function show(){ if( !tooltipNode.parentNode || tooltipNode.parentNode.nodeType === 11 ){ document.body.appendChild( tooltipNode ); checkFlip = true; } $(tooltipNode).stop().animate({opacity: 1}, 100) clearTimeout( hideTimer ); } $(this)[ isTouchscreen ? 'click' : 'hover' ](function( e ){ var _this = this; if( isTouchscreen ) { e.preventDefault(); (tooltipNode && tooltipNode.parentNode == document.body) || setTimeout( function(){ $( document.body ).on("click touchstart", function( e ) { e = e || event; e = e.target || e.srcElement; for( ; e && !$( e ).hasClass( "referencetooltip" ) ; ) e = e.parentNode; if( !e ){ clearTimeout( showTimer ); hide( _this ); $(document.body).off("click touchstart", arguments.callee) } }) }, 0); } showTimer && clearTimeout( showTimer ); showTimer = setTimeout( function() { var h = _this.nextSibling; if( !h ){return}; if(!tooltipNode){ tooltipNode = document.createElement("ul"); tooltipNode.className = "referencetooltip"; tooltipNodeLi = document.createElement("li"); tooltipNode.appendChild(tooltipNodeLi); h.style.display = 'block'; var c = tooltipNodeLi.appendChild( h.cloneNode( true ) ); c.style.display = 'block'; // c.style.border = "#080086 2px solid"; h.style.display = 'none'; // tooltipNodeLi.insertBefore( document.createElement( "span" ), c ) tooltipNode.appendChild( document.createElement( "li" ) ); isTouchscreen || $(tooltipNode).hover(show, hide); } show(); var o = $(_this).offset(), oH = tooltipNode.offsetHeight; $(tooltipNode).css({top: o.top - oH, left: o.left - 7 }); if( tooltipNode.offsetHeight > oH ) { // is it squished against the right side of the page? $(tooltipNode).css({left:'auto',right:0}); tooltipNode.lastChild.style.marginLeft = (o.left - tooltipNode.offsetLeft) + "px"; } if( checkFlip ) { if( o.top < tooltipNode.offsetHeight + ( window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0 ) ) { // is part of it above the top of the screen? $(tooltipNode).addClass("RTflipped").css({top: o.top + 12}); } else if( tooltipNode.className === "referencetooltip RTflipped" ) { // cancel previous $(tooltipNode).removeClass("RTflipped"); } checkFlip = false; } }, timerLength); }, isTouchscreen ? undefined : function(){clearTimeout(showTimer); hide(); } ) } ); // } } );