MediaWiki:Common.js：修订间差异

←上一编辑下一编辑→

@@ 第3行： / 第3行： @@
 mw.loader.load( '/w/index.php?title=MediaWiki:ExpandAndCollapse.js&action=raw&ctype=text/javascript' );
-// 动态 Tooltip 初始化
+/* 公告栏的滚动 */
-$(document).ready(function() {
-    var $tooltip = $('<div class="tooltip-container"></div>').appendTo('body');
-    // 绑定鼠标事件
-    $('.dynamic-tooltip').on('mousemove', function(e) {
-        var tooltipText = $(this).data('tooltip');
-        $tooltip.html(tooltipText).css({
-            left: e.pageX + 15,
-            top: e.pageY + 15,
-            opacity: 1
-        });
-        // 防止 Tooltip 超出窗口
-        var windowWidth = $(window).width();
-        var tooltipWidth = $tooltip.outerWidth();
-        if (e.pageX + tooltipWidth + 30 > windowWidth) {
-            $tooltip.css('left', e.pageX - tooltipWidth - 10);
-        }
-    }).on('mouseleave', function() {
-        $tooltip.css('opacity', 0);
-    });
-});
-/* sitenotice 公告栏的滚动 */
 $(function () {
      var self = $('#siteNoticeScroll');
@@ 第51行： / 第27行： @@
 });
-/* DropDown 的交互逻辑 */
+/* 动态 Tooltip */
-$(document).ready(function() {
+document.querySelectorAll('.dynamic-tooltip-trigger').forEach(element => {
-   $('.custom-dropdown').click(function() {
+   const tooltip = document.createElement('div');
-     $(this).find('.dropdown-content').toggle();
+  tooltip.className = 'mw-dynamic-tooltip';
+  document.body.appendChild(tooltip);
+  element.addEventListener('mouseover', function(e) {
+     const rect = e.target.getBoundingClientRect();
+    tooltip.innerHTML = e.target.dataset.mwDynamic; // 动态内容
+    tooltip.style.display = 'block';
+    tooltip.style.top = `${rect.bottom + window.scrollY}px`;
+    tooltip.style.left = `${rect.left + window.scrollX}px`;
+  });
+  element.addEventListener('mouseout', () => {
+    tooltip.style.display = 'none';
    });
 });