Khác biệt giữa bản sửa đổi của “MediaWiki:Timeless.js”
Từ Wiki Du học Nga
Tạo trang mới với nội dung “→Tất cả mã JavaScript tại đây sẽ được tải khi người dùng sử dụng giao diện Vượt thời gian: $(document).ready(function () { var $toc = $('#toc'); if (!$toc.length) return; // Di chuyển TOC vào sidebar bên dưới các hộp như Điều hướng và Công cụ var $sidebar = $('#mw-panel'); if ($sidebar.length) { $toc.appendTo($sidebar); } var tocOffset = $toc.offset().top;…” |
Không có tóm lược sửa đổi Thẻ: Đã bị lùi lại |
||
| Dòng 20: | Dòng 20: | ||
$toc.removeClass('sticky-toc'); | $toc.removeClass('sticky-toc'); | ||
} | } | ||
}); | |||
}); | |||
/* Mục lục TOC cho các heading */ | |||
document.addEventListener('DOMContentLoaded', function() { | |||
const tocLinks = document.querySelectorAll('#toc .toclevel-1 > a'); | |||
tocLinks.forEach(function(link) { | |||
// Thêm sự kiện click vào mỗi link | |||
link.addEventListener('click', function(event) { | |||
const parent = event.target.parentElement; | |||
// Toggle class collapsed để mở/đóng các heading con | |||
if (parent.classList.contains('collapsed')) { | |||
parent.classList.remove('collapsed'); | |||
} else { | |||
parent.classList.add('collapsed'); | |||
} | |||
}); | |||
}); | }); | ||
}); | }); | ||
Phiên bản lúc 17:45, ngày 21 tháng 4 năm 2025
/* Tất cả mã JavaScript tại đây sẽ được tải khi người dùng sử dụng giao diện Vượt thời gian */
$(document).ready(function () {
var $toc = $('#toc');
if (!$toc.length) return;
// Di chuyển TOC vào sidebar bên dưới các hộp như Điều hướng và Công cụ
var $sidebar = $('#mw-panel');
if ($sidebar.length) {
$toc.appendTo($sidebar);
}
var tocOffset = $toc.offset().top;
$(window).on('scroll', function () {
var scrollTop = $(window).scrollTop();
if (scrollTop > tocOffset - 90) {
$toc.addClass('sticky-toc');
} else {
$toc.removeClass('sticky-toc');
}
});
});
/* Mục lục TOC cho các heading */
document.addEventListener('DOMContentLoaded', function() {
const tocLinks = document.querySelectorAll('#toc .toclevel-1 > a');
tocLinks.forEach(function(link) {
// Thêm sự kiện click vào mỗi link
link.addEventListener('click', function(event) {
const parent = event.target.parentElement;
// Toggle class collapsed để mở/đóng các heading con
if (parent.classList.contains('collapsed')) {
parent.classList.remove('collapsed');
} else {
parent.classList.add('collapsed');
}
});
});
});