-

汇聚密码安全智慧 共享实战经验!

  • 我们目前有643个页面，13个用户，731次编辑。

MediaWiki:Mobile.js：修订间差异

跳转到导航 跳转到搜索

MediaWiki:Mobile.js (查看源代码)

2025年12月19日 (五) 08:18的版本

添加713字节 、​ 周五08:18
无编辑摘要
无编辑摘要
标签：已被回退 移动版编辑 移动版网页编辑
无编辑摘要
标签：手工回退 移动版编辑 移动版网页编辑
第1行： 第1行：
// 移动端公告滚动效果 - 修复版本
// 调试版本的 Mobile.js
// 使用 transform 实现滚动，确保在移动端正常工作
// 如果正常版本不工作，可以使用这个版本查看调试信息


(function() {
(function() {
     'use strict';
     'use strict';
      
      
     // 防止重复初始化
    function log(message) {
     var initialized = false;
        if (typeof console !== 'undefined' && console.log) {
    var scrollInterval = null;
            console.log('[SiteNotice] ' + message);
        }
    }
   
     // 初始化用户提示
     function initUserPrompt() {
        log('开始初始化用户提示');
       
        var siteNoticeScroll = $('#siteNoticeScroll');
        log('siteNoticeScroll 元素数量: ' + siteNoticeScroll.length);
       
        if (siteNoticeScroll.length === 0) {
            log('未找到 siteNoticeScroll 元素');
            return false;
        }
       
        var ul = siteNoticeScroll.find('ul:first');
        log('ul 元素数量: ' + ul.length);
       
        if (ul.length === 0) {
            log('未找到 ul 元素');
            return false;
        }
       
        var existingLis = ul.find('li');
        log('现有 li 元素数量: ' + existingLis.length);
       
        var currentUser = null;
        try {
            if (typeof mw !== 'undefined' && mw.config && mw.config.get) {
                currentUser = mw.config.get('wgUserName');
                log('当前用户: ' + (currentUser || '未登录'));
            }
        } catch (e) {
            log('获取用户信息失败: ' + e.message);
        }
       
        var promptElement = $('#userPrompt');
        log('现有 userPrompt 元素数量: ' + promptElement.length);
       
        // 如果页面没有 userPrompt 元素，创建一个
        if (promptElement.length === 0) {
            log('创建新的 userPrompt 元素');
            promptElement = $('<li id="userPrompt"></li>');
            ul.append(promptElement);
            log('userPrompt 元素已添加到 DOM');
        }
       
        // 设置内容
        var content = '';
        if (currentUser && currentUser !== null && currentUser !== '') {
            content = '<strong>欢迎回来，' + currentUser + '！感谢您对炼石百科的贡献！</strong>';
            log('设置已登录用户内容');
        } else {
            content = '<strong>欢迎加入炼石百科<a href="/wiki/Special:用户登录"><font color="#3862AE">注册一个账号</font></a>，一起参与编写吧！</strong>';
            log('设置未登录用户内容');
        }
       
        promptElement.html(content);
        log('userPrompt 内容已设置');
       
        // 验证元素是否存在
        var finalLis = ul.find('li');
        log('最终 li 元素数量: ' + finalLis.length);
       
        return true;
    }
      
      
     // 初始化公告滚动
     // 初始化公告滚动
     function initSiteNoticeScroll() {
     function initSiteNoticeScroll() {
        log('开始初始化滚动效果');
       
         var self = $('#siteNoticeScroll');
         var self = $('#siteNoticeScroll');
         if (!self.length || !self[0]) {
         if (!self.length || !self[0]) {
            log('未找到 siteNoticeScroll 元素');
             return;
             return;
         }
         }
第18行： 第87行：
         var ul = self.find('ul:first');
         var ul = self.find('ul:first');
         if (!ul.length) {
         if (!ul.length) {
            log('未找到 ul 元素');
             return;
             return;
         }
         }
          
          
         var lis = ul.find('li');
         var lis = ul.find('li');
        log('找到 ' + lis.length + ' 个 li 元素');
       
         if (lis.length <= 1) {
         if (lis.length <= 1) {
             return; // 如果只有一个或没有项目，不需要滚动
            log('li 元素数量不足，不需要滚动');
             return;
         }
         }
          
          
        // 获取容器宽度（使用多种方法确保获取到）
         var containerWidth = self.width();
         var containerWidth = self.width() || self[0].offsetWidth || self[0].clientWidth;
        log('容器宽度: ' + containerWidth);
       
         if (containerWidth === 0) {
         if (containerWidth === 0) {
             // 如果宽度为0，延迟重试
             log('容器宽度为0，延迟重试');
             setTimeout(initSiteNoticeScroll, 100);
             setTimeout(initSiteNoticeScroll, 100);
             return;
             return;
         }
         }
          
          
         // 设置 ul 宽度和初始 transform
         // 设置 ul 和 li 的宽度
        var totalWidth = containerWidth * lis.length;
         ul.css({
         ul.css({
             'width': totalWidth + 'px',
             'width': (containerWidth * lis.length) + 'px',
            'height': '25px',
             '-webkit-transform': 'translateX(0px)',
            'margin': '0',
             '-moz-transform': 'translateX(0px)',
            'padding': '0',
             '-ms-transform': 'translateX(0px)',
            'list-style': 'none',
             '-o-transform': 'translateX(0px)',
            'display': 'block',
             'transform': 'translateX(0px)',
            'position': 'relative',
            'white-space': 'nowrap',
             '-webkit-transform': 'translate3d(0, 0, 0)',
             '-moz-transform': 'translate3d(0, 0, 0)',
             '-ms-transform': 'translate3d(0, 0, 0)',
             '-o-transform': 'translate3d(0, 0, 0)',
             'transform': 'translate3d(0, 0, 0)',
             '-webkit-transition': 'transform 0.73s ease-in-out',
             '-webkit-transition': 'transform 0.73s ease-in-out',
             '-moz-transition': 'transform 0.73s ease-in-out',
             '-moz-transition': 'transform 0.73s ease-in-out',
             '-o-transition': 'transform 0.73s ease-in-out',
             '-o-transition': 'transform 0.73s ease-in-out',
             'transition': 'transform 0.73s ease-in-out',
             'transition': 'transform 0.73s ease-in-out'
            'will-change': 'transform'
         }).attr({
         }).attr({
             'data-left': 0,
             'data-left': 0,
第60行： 第125行：
         });
         });
          
          
        // 设置每个 li 的宽度
         lis.css('width', containerWidth + 'px');
         lis.css({
        log('设置 ul 宽度: ' + (containerWidth * lis.length) + ', 每个 li 宽度: ' + containerWidth);
            'width': containerWidth + 'px',
            'height': '25px',
            'line-height': '25px',
            'list-style': 'none',
            'float': 'left',
            'display': 'inline-block',
            'box-sizing': 'border-box',
            'padding': '0 10px',
            'vertical-align': 'top',
            'flex-shrink': '0'
        });
          
          
         // 强制重绘
         // 强制重绘
         ul[0].offsetHeight;
         ul[0].offsetHeight;
       
        // 清除之前的定时器
        if (scrollInterval) {
            clearInterval(scrollInterval);
        }
          
          
         // 开始滚动
         // 开始滚动
         scrollInterval = window.setInterval(function() {
         var scrollInterval = window.setInterval(function() {
             var dataset = ul[0].dataset;
             var dataset = ul[0].dataset;
             if (!dataset) return;
             if (!dataset) {
                log('无法获取 dataset');
                return;
            }
              
              
             var currentLeft = parseInt(dataset.left) || 0;
             var currentLeft = parseInt(dataset.left) || 0;
             var totalLength = parseInt(dataset.length) || lis.length;
             var totalLength = parseInt(dataset.length) || lis.length;
             var newLeft = currentLeft + 1;
             var newLeft = currentLeft + 1;
           
            log('当前索引: ' + currentLeft + ', 总长度: ' + totalLength + ', 新索引: ' + newLeft);
              
              
             // 如果到达最后一个，重置到第一个（索引0）
             // 如果到达最后一个，重置到第一个（索引0）
             if (newLeft >= totalLength) {
             if (newLeft >= totalLength) {
                 newLeft = 0;
                 newLeft = 0;
                log('重置到开始位置');
             }
             }
              
              
第100行： 第155行：
             // 重置时先移除 transition，立即跳转，然后恢复
             // 重置时先移除 transition，立即跳转，然后恢复
             if (newLeft === 0) {
             if (newLeft === 0) {
                // 先移除 transition，立即跳转
                 ul.css({
                 ul.css({
                     '-webkit-transition': 'none',
                     '-webkit-transition': 'none',
第106行： 第160行：
                     '-o-transition': 'none',
                     '-o-transition': 'none',
                     'transition': 'none',
                     'transition': 'none',
                     '-webkit-transform': 'translate3d(0, 0, 0)',
                     '-webkit-transform': 'translateX(0px)',
                     '-moz-transform': 'translate3d(0, 0, 0)',
                     '-moz-transform': 'translateX(0px)',
                     '-ms-transform': 'translate3d(0, 0, 0)',
                     '-ms-transform': 'translateX(0px)',
                     '-o-transform': 'translate3d(0, 0, 0)',
                     '-o-transform': 'translateX(0px)',
                     'transform': 'translate3d(0, 0, 0)'
                     'transform': 'translateX(0px)'
                 });
                 });
                // 强制重绘
                 ul[0].offsetHeight; // 强制重绘
                 ul[0].offsetHeight;
                // 恢复 transition
                 setTimeout(function() {
                 setTimeout(function() {
                     ul.css({
                     ul.css({
第123行： 第175行：
                     });
                     });
                 }, 50);
                 }, 50);
                log('设置 transform: translateX(0px)');
             } else {
             } else {
                // 正常滚动
                 ul.css({
                 ul.css({
                     '-webkit-transition': 'transform 0.73s ease-in-out',
                     '-webkit-transition': 'transform 0.73s ease-in-out',
第130行： 第182行：
                     '-o-transition': 'transform 0.73s ease-in-out',
                     '-o-transition': 'transform 0.73s ease-in-out',
                     'transition': 'transform 0.73s ease-in-out',
                     'transition': 'transform 0.73s ease-in-out',
                     '-webkit-transform': 'translate3d(' + translateX + 'px, 0, 0)',
                     '-webkit-transform': 'translateX(' + translateX + 'px)',
                     '-moz-transform': 'translate3d(' + translateX + 'px, 0, 0)',
                     '-moz-transform': 'translateX(' + translateX + 'px)',
                     '-ms-transform': 'translateX(' + translateX + 'px)',
                     '-ms-transform': 'translateX(' + translateX + 'px)',
                     '-o-transform': 'translate3d(' + translateX + 'px, 0, 0)',
                     '-o-transform': 'translateX(' + translateX + 'px)',
                     'transform': 'translate3d(' + translateX + 'px, 0, 0)'
                     'transform': 'translateX(' + translateX + 'px)'
                 });
                 });
                log('设置 transform: translateX(' + translateX + 'px)');
             }
             }
              
              
             dataset.left = newLeft;
             dataset.left = newLeft;
         }, 5000);
         }, 5000);
       
        log('滚动定时器已启动，间隔: 5000ms');
          
          
         // 窗口大小改变时重新计算
         // 窗口大小改变时重新计算
         $(window).on('resize.siteNoticeScroll', function() {
         $(window).on('resize', function() {
             containerWidth = self.width() || self[0].offsetWidth || self[0].clientWidth;
            log('窗口大小改变');
             containerWidth = self.width();
             if (containerWidth === 0) return;
             if (containerWidth === 0) return;
              
              
            var totalWidth = containerWidth * lis.length;
             ul.css('width', (containerWidth * lis.length) + 'px');
             ul.css('width', totalWidth + 'px');
             lis.css('width', containerWidth + 'px');
             lis.css('width', containerWidth + 'px');
              
              
第154行： 第209行：
             var translateX = -(currentLeft * containerWidth);
             var translateX = -(currentLeft * containerWidth);
             ul.css({
             ul.css({
                '-webkit-transform': 'translate3d(' + translateX + 'px, 0, 0)',
                '-moz-transform': 'translate3d(' + translateX + 'px, 0, 0)',
                '-ms-transform': 'translateX(' + translateX + 'px)',
                '-o-transform': 'translate3d(' + translateX + 'px, 0, 0)',
                'transform': 'translate3d(' + translateX + 'px, 0, 0)',
                 '-webkit-transition': 'transform 0.37s ease-in-out',
                 '-webkit-transition': 'transform 0.37s ease-in-out',
                 '-moz-transition': 'transform 0.37s ease-in-out',
                 '-moz-transition': 'transform 0.37s ease-in-out',
                 '-o-transition': 'transform 0.37s ease-in-out',
                 '-o-transition': 'transform 0.37s ease-in-out',
                 'transition': 'transform 0.37s ease-in-out'
                 'transition': 'transform 0.37s ease-in-out',
                '-webkit-transform': 'translateX(' + translateX + 'px)',
                '-moz-transform': 'translateX(' + translateX + 'px)',
                '-ms-transform': 'translateX(' + translateX + 'px)',
                '-o-transform': 'translateX(' + translateX + 'px)',
                'transform': 'translateX(' + translateX + 'px)'
             });
             });
         });
         });
第168行： 第223行：
         // 保存 interval ID
         // 保存 interval ID
         self.data('scrollInterval', scrollInterval);
         self.data('scrollInterval', scrollInterval);
    }
   
    // 初始化用户提示
    function initUserPrompt() {
        var siteNoticeScroll = $('#siteNoticeScroll');
        if (siteNoticeScroll.length === 0) {
            return false;
        }
       
        var ul = siteNoticeScroll.find('ul:first');
        if (ul.length === 0) {
            return false;
        }
       
        var currentUser = null;
        try {
            if (typeof mw !== 'undefined' && mw.config && mw.config.get) {
                currentUser = mw.config.get('wgUserName');
            }
        } catch (e) {
            // 忽略错误
        }
       
        var promptElement = $('#userPrompt');
       
        // 如果页面没有 userPrompt 元素，创建一个
        if (promptElement.length === 0) {
            promptElement = $('<li id="userPrompt"></li>');
            ul.append(promptElement);
        }
       
        // 设置内容
        if (currentUser && currentUser !== null && currentUser !== '') {
            // 已登录用户
            promptElement.html('<strong>欢迎回来，' + currentUser + '！感谢您对炼石百科的贡献！</strong>');
        } else {
            // 未登录用户
            promptElement.html('<strong>欢迎加入炼石百科<a href="/wiki/Special:用户登录"><font color="#3862AE">注册一个账号</font></a>，一起参与编写吧！</strong>');
        }
       
        return true;
     }
     }
      
      
     // 等待 DOM 和 MediaWiki 加载完成
     // 等待 DOM 和 MediaWiki 加载完成
     function init() {
     function init() {
         if (initialized) {
         log('开始初始化');
            return; // 防止重复初始化
         log('jQuery 版本: ' + (typeof $ !== 'undefined' ? $.fn.jquery : '未加载'));
         }
         log('MediaWiki 版本: ' + (typeof mw !== 'undefined' ? '已加载' : '未加载'));
         initialized = true;
          
          
         // 先初始化用户提示（必须在滚动初始化之前）
         // 先初始化用户提示（必须在滚动初始化之前）
         var promptAdded = initUserPrompt();
         var promptAdded = initUserPrompt();
        log('用户提示初始化结果: ' + promptAdded);
          
          
         // 延迟初始化滚动效果，确保 DOM 完全更新
         // 延迟初始化滚动效果，确保 DOM 完全更新
         setTimeout(function() {
         setTimeout(function() {
             initSiteNoticeScroll();
             initSiteNoticeScroll();
         }, promptAdded ? 200 : 100);
         }, promptAdded ? 100 : 0);
     }
     }
      
      
     // 多种初始化方式，确保在移动端和桌面端都能工作
     // 多种初始化方式
     if (typeof $ !== 'undefined') {
     if (typeof $ !== 'undefined') {
         // jQuery 已加载
         log('jQuery 已加载，使用 jQuery ready');
         $(document).ready(function() {
         $(document).ready(function() {
            log('jQuery ready 触发');
             init();
             init();
         });
         });
          
          
        // 如果已经在 ready 状态，延迟执行（避免重复）
         if (document.readyState === 'complete' || document.readyState === 'interactive') {
         if (document.readyState === 'complete' || document.readyState === 'interactive') {
             setTimeout(function() {
             log('文档已加载，立即执行');
                if (!initialized) {
            setTimeout(init, 100);
                    init();
                }
            }, 300);
         }
         }
     } else {
     } else {
         // 等待 jQuery 加载
         log('jQuery 未加载，等待加载');
         if (document.readyState === 'loading') {
         if (document.readyState === 'loading') {
             document.addEventListener('DOMContentLoaded', function() {
             document.addEventListener('DOMContentLoaded', function() {
                 if (typeof $ !== 'undefined' && !initialized) {
                log('DOMContentLoaded 触发');
                     setTimeout(init, 200);
                 if (typeof $ !== 'undefined') {
                     setTimeout(init, 100);
                 }
                 }
             });
             });
         } else {
         } else {
            // 如果 DOM 已加载，等待 jQuery
             var checkJQuery = setInterval(function() {
             var checkJQuery = setInterval(function() {
                 if (typeof $ !== 'undefined' && !initialized) {
                 if (typeof $ !== 'undefined') {
                    log('jQuery 已加载');
                     clearInterval(checkJQuery);
                     clearInterval(checkJQuery);
                     init();
                     init();
第259行： 第271行：
             }, 100);
             }, 100);
              
              
            // 10秒后停止检查
             setTimeout(function() {
             setTimeout(function() {
                 clearInterval(checkJQuery);
                 clearInterval(checkJQuery);
第266行： 第277行：
     }
     }
      
      
     // 使用 MediaWiki 的 hook（如果可用）
     // 使用 MediaWiki 的 hook
     if (typeof mw !== 'undefined' && mw.hook) {
     if (typeof mw !== 'undefined' && mw.hook) {
        log('注册 mobile.init hook');
         mw.hook('mobile.init').add(function() {
         mw.hook('mobile.init').add(function() {
             if (!initialized) {
             log('mobile.init hook 触发');
                setTimeout(init, 300);
            setTimeout(init, 200);
            }
         });
         });
     }
     }
   
    log('脚本加载完成');
})();
})();
取自“http://lianshibaike.com/wiki/特殊:移动版差异/723”

导航菜单