MediaWiki:Common.js：修订间差异

←上一编辑下一编辑→

@@ 第3行： / 第3行： @@
 mw.loader.load( '/w/index.php?title=MediaWiki:ExpandAndCollapse.js&action=raw&ctype=text/javascript' );
-/* 动态 Tooltip */
+// 动态 Tooltip 初始化
 $(document).ready(function() {
-     $('.dynamic-tooltip').hover(function(e) {
+    var $tooltip = $('<div class="tooltip-container"></div>').appendTo('body');
+    // 绑定鼠标事件
+     $('.dynamic-tooltip').on('mousemove', function(e) {
          var tooltipText = $(this).data('tooltip');
-         $('<div class="custom-tooltip">').text(tooltipText)
+         $tooltip.html(tooltipText).css({
-            .appendTo('body')
+            left: e.pageX + 15,
-            .css({
+            top: e.pageY + 15,
-                left: e.pageX + 10,
+             opacity: 1
-                top: e.pageY + 10
+        });
-             });
-     }, function() {
+        // 防止 Tooltip 超出窗口
-         $('.custom-tooltip').remove();
+        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);
      });
 });