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');
@@ 第27行： / 第51行： @@
 });
-/* 动态 Tooltip */
+/* DropDown 的交互逻辑 */
-document.querySelectorAll('.dynamic-tooltip-trigger').forEach(element => {
+$(document).ready(function() {
-   const tooltip = document.createElement('div');
+   $('.custom-dropdown').click(function() {
-  tooltip.className = 'mw-dynamic-tooltip';
+     $(this).find('.dropdown-content').toggle();
-  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';
    });
 });