https://shanghaidc1.gaoice.run/index.php?action=history&feed=atom&title=%E5%BE%AE%E4%BB%B6%3A%E5%8F%B3%E4%B8%8B%E8%A7%92%E7%9B%AE%E5%BD%95
微件:右下角目录 - 版本历史
2026-10-31T20:44:35Z
本wiki上该页面的版本历史
MediaWiki 1.46.2
https://shanghaidc1.gaoice.run/index.php?title=%E5%BE%AE%E4%BB%B6:%E5%8F%B3%E4%B8%8B%E8%A7%92%E7%9B%AE%E5%BD%95&diff=58260&oldid=prev
TheNewMillium：创建页面，内容为“<script> /* loaded only by Widget:右下角目录 in Version1.1. */ (function () { 'use strict'; if (window.pdLongTocV11) { window.pdLongTocV11.init(document); return; } var nextId = 0; function directChild(element, tag) { return Array.prototype.find.call(element.children, function (child) { return child.tagName === tag; }); } function enhance(root) { if (root.dataset.pdLongTocRea…”
2026-10-13T07:25:49Z
<p>创建页面，内容为“<script> <span class="autocomment">loaded only by Widget:右下角目录 in Version1.1.：</span> (function () { 'use strict'; if (window.pdLongTocV11) { window.pdLongTocV11.init(document); return; } var nextId = 0; function directChild(element, tag) { return Array.prototype.find.call(element.children, function (child) { return child.tagName === tag; }); } function enhance(root) { if (root.dataset.pdLongTocRea…”</p>
<p><b>新页面</b></p><div><script><br />
/* loaded only by Widget:右下角目录 in Version1.1. */<br />
(function () {<br />
'use strict';<br />
if (window.pdLongTocV11) {<br />
window.pdLongTocV11.init(document);<br />
return;<br />
}<br />
var nextId = 0;<br />
<br />
function directChild(element, tag) {<br />
return Array.prototype.find.call(element.children, function (child) {<br />
return child.tagName === tag;<br />
});<br />
}<br />
<br />
function enhance(root) {<br />
if (root.dataset.pdLongTocReady) return;<br />
var mode = /^[012]$/.test(root.dataset.mode || '') ? Number(root.dataset.mode) : 0;<br />
var fold = /^[1-6]$/.test(root.dataset.fold || '') ? Number(root.dataset.fold) : 1;<br />
var listHost = root.querySelector('.pd-long-toc-list');<br />
var original = listHost && listHost.querySelector('.toc > ul');<br />
if (!original) return;<br />
root.dataset.mode = String(mode);<br />
root.dataset.fold = String(fold);<br />
if (mode === 0) {<br />
root.dataset.pdLongTocReady = '1.1';<br />
return;<br />
}<br />
<br />
/* Build off-DOM. A failure leaves the complete, working original TOC. */<br />
var list = original.cloneNode(true);<br />
var branches = [];<br />
Array.prototype.forEach.call(list.querySelectorAll('li'), function (item) {<br />
var match = item.className.match(/(?:^|\s)toclevel-(\d+)(?:\s|$)/);<br />
var level = match ? Number(match[1]) : 0;<br />
var children = directChild(item, 'UL');<br />
var link = directChild(item, 'A');<br />
if (!children || !link || (mode === 1 ? level !== fold : level < fold)) return;<br />
var label = link.textContent.trim();<br />
var row = document.createElement('div');<br />
row.className = 'pd-long-toc-row';<br />
var button = document.createElement('button');<br />
button.type = 'button';<br />
button.className = 'pd-long-toc-toggle';<br />
button.setAttribute('aria-expanded', 'false');<br />
children.id = 'pd-long-toc-children-' + (++nextId);<br />
button.setAttribute('aria-controls', children.id);<br />
while (link.firstChild) button.appendChild(link.firstChild);<br />
link.className += ' pd-long-toc-jump';<br />
link.textContent = '跳转';<br />
link.setAttribute('aria-label', '跳转到 ' + label);<br />
link.title = '跳转到 ' + label;<br />
item.insertBefore(row, children);<br />
row.appendChild(button);<br />
row.appendChild(link);<br />
children.hidden = true;<br />
children.inert = true;<br />
children.setAttribute('aria-hidden', 'true');<br />
branches.push({ item: item, button: button, children: children, group: item.parentElement, animation: null });<br />
});<br />
<br />
function settle(branch, open) {<br />
if (branch.animation) {<br />
branch.animation.cancel();<br />
branch.animation = null;<br />
}<br />
branch.children.style.overflow = '';<br />
branch.children.hidden = !open;<br />
branch.children.inert = !open;<br />
branch.children.setAttribute('aria-hidden', String(!open));<br />
branch.button.setAttribute('aria-expanded', String(open));<br />
}<br />
<br />
function transition(branch, open, startHeight) {<br />
var children = branch.children;<br />
var from = startHeight === undefined ? (children.hidden ? 0 : children.getBoundingClientRect().height) : startHeight;<br />
settle(branch, open);<br />
var reduced = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;<br />
if (reduced || !children.animate || !root.querySelector('.pd-long-toc-panel').matches(':target')) return;<br />
children.hidden = false;<br />
var to = open ? children.getBoundingClientRect().height : 0;<br />
if (from === to) {<br />
settle(branch, open);<br />
return;<br />
}<br />
children.style.overflow = 'hidden';<br />
var animation;<br />
try {<br />
animation = children.animate([<br />
{ height: from + 'px', opacity: open ? 0.6 : 1 },<br />
{ height: to + 'px', opacity: open ? 1 : 0.6 }<br />
], { duration: 200, easing: 'cubic-bezier(0.2, 0, 0, 1)' });<br />
} catch (error) {<br />
settle(branch, open);<br />
return;<br />
}<br />
branch.animation = animation;<br />
animation.finished.then(function () {<br />
if (branch.animation === animation) settle(branch, open);<br />
}, function () { /* Superseded by a newer click. */ });<br />
}<br />
<br />
function close(branch) {<br />
var height = branch.children.hidden ? 0 : branch.children.getBoundingClientRect().height;<br />
branches.forEach(function (descendant) {<br />
if (branch.children.contains(descendant.item)) {<br />
settle(descendant, false);<br />
}<br />
});<br />
transition(branch, false, height);<br />
}<br />
<br />
branches.forEach(function (branch) {<br />
branch.button.addEventListener('click', function () {<br />
/* Nested clicks release any still-animating ancestor height. */<br />
branches.forEach(function (ancestor) {<br />
if (ancestor.animation && ancestor.children.contains(branch.item)) {<br />
settle(ancestor, ancestor.button.getAttribute('aria-expanded') === 'true');<br />
}<br />
});<br />
if (branch.button.getAttribute('aria-expanded') === 'true') {<br />
close(branch);<br />
return;<br />
}<br />
branches.forEach(function (other) {<br />
if (other !== branch && (mode === 1 || other.group === branch.group)) close(other);<br />
});<br />
transition(branch, true);<br />
});<br />
});<br />
/* Resize, motion preference changes and printing must not retain clipped heights. */<br />
function settleAll() {<br />
branches.forEach(function (branch) {<br />
if (branch.animation) settle(branch, branch.button.getAttribute('aria-expanded') === 'true');<br />
});<br />
}<br />
window.addEventListener('resize', settleAll);<br />
window.addEventListener('beforeprint', settleAll);<br />
window.addEventListener('hashchange', function () {<br />
if (!root.querySelector('.pd-long-toc-panel').matches(':target')) settleAll();<br />
});<br />
if (window.matchMedia) {<br />
var motionPreference = window.matchMedia('(prefers-reduced-motion: reduce)');<br />
if (motionPreference.addEventListener) motionPreference.addEventListener('change', settleAll);<br />
}<br />
original.replaceWith(list);<br />
root.classList.add('pd-long-toc-enhanced');<br />
root.addEventListener('pointerdown', function () {<br />
root.classList.remove('pd-long-toc-keyboard');<br />
});<br />
root.addEventListener('keydown', function () {<br />
root.classList.add('pd-long-toc-keyboard');<br />
});<br />
document.addEventListener('keydown', function (event) {<br />
if (event.key === 'Tab' && root.isConnected) {<br />
root.classList.add('pd-long-toc-keyboard');<br />
}<br />
});<br />
root.dataset.pdLongTocReady = '1.1';<br />
}<br />
<br />
function init(scope) {<br />
var roots = [];<br />
if (scope.matches && scope.matches('.pd-long-toc-root')) roots.push(scope);<br />
roots = roots.concat(Array.prototype.slice.call(scope.querySelectorAll('.pd-long-toc-root')));<br />
roots.forEach(function (root) {<br />
try { enhance(root); } catch (error) {<br />
if (window.console) console.warn('Long TOC: retained original directory.', error);<br />
}<br />
});<br />
}<br />
window.pdLongTocV11 = { init: init };<br />
if (window.mw && mw.hook) {<br />
mw.hook('wikipage.content').add(function (content) {<br />
init(content[0] || content);<br />
});<br />
}<br />
if (document.readyState === 'loading') {<br />
document.addEventListener('DOMContentLoaded', function () { init(document); }, { once: true });<br />
} else {<br />
init(document);<br />
}<br />
}());<br />
<br />
</script></div>
TheNewMillium