MediaWiki:Mobile.js - 版本历史

2025年12月19日 (五) 08:37 Admin

2025-12-19T08:37:22Z

←上一版本		2025年12月19日 (五) 08:37的版本
第117行：		第117行：
	lis.each(function() {		lis.each(function() {
	var $li = $(this);		var $li = $(this);
	// ~~先设置宽度，确保不换行，内容居中~~		// 使用 attr 设置 style 属性，确保样式优先级最高
	~~$li.css({~~		var styleStr = 'width: ' + containerWidth + 'px !important; ' +
	'width': containerWidth + 'px',		'height: 25px !important; ' +
	'height': '25px',		'line-height: 25px !important; ' +
	'line-height': '25px',		'list-style: none !important; ' +
	'list-style': 'none',		'float: left !important; ' +
	'float': 'left',		'display: inline-block !important; ' +
	'display': 'inline-block',		'box-sizing: border-box !important; ' +
	'box-sizing': 'border-box',		'padding: 0 !important; ' +
	'padding': '0',		'margin: 0 !important; ' +
	'margin': '0',		'vertical-align: top !important; ' +
	'vertical-align': 'top',		'flex-shrink: 0 !important; ' +
	'flex-shrink': '0',		'white-space: nowrap !important; ' +
	'white-space': 'nowrap',		'overflow: visible !important; ' +
	'overflow': 'visible',		'text-overflow: clip !important; ' +
	'text-overflow': 'clip',		'text-align: center !important; ' +
	'text-align': 'center',		'word-break: keep-all !important; ' +
	'word-break': 'keep-all',		'word-wrap: normal !important; ' +
	'word-wrap': 'normal',		'max-width: ' + containerWidth + 'px !important; ' +
	'max-width': containerWidth + 'px',		'position: relative !important;';
	'position': 'relative'		$li.attr('style', styleStr);
	});

	// 确保所有子元素（包括 strong、a、font 等）都不会换行		// 确保所有子元素（包括 strong、a、font 等）都不会换行
	$li.find('*').~~css~~({		$li.find('*').each(function() {
	'white-space': 'nowrap',		var $elem = $(this);
	'display': 'inline',		$elem.attr('style',
	'text-align': 'center'		'white-space: nowrap !important; ' +
	});		'display: inline !important; ' +
			'text-align: center !important;'
	~~// 特别处理 strong 标签~~		);
	~~$li.find('strong').css({~~
	~~'white-space': 'nowrap',~~
	~~'display': 'inline'~~
	});		});
	});		});
第230行：		第226行：
	ul.css('width', totalWidth + 'px');		ul.css('width', totalWidth + 'px');
	lis.each(function() {		lis.each(function() {
	$(this)~~.css({~~		var $li = $(this);
	'width': containerWidth + 'px',		var styleStr = 'width: ' + containerWidth + 'px !important; ' +
	'white-space': 'nowrap',		'white-space: nowrap !important; ' +
	'overflow': '~~hidden',~~		'overflow: visible !important; ' +
	'text-overflow': '~~ellipsis',~~		'text-overflow: clip !important; ' +
	'text-align': 'center'		'text-align: center !important;';
	});		$li.attr('style', styleStr);
	});		});

2025年12月19日 (五) 08:34 Admin

2025-12-19T08:34:45Z

@@ 第14行： / 第14行： @@
          var lis = ul.find('li');
          // 检查并修复被分割的 li 元素
@@ 第20行： / 第30行： @@
              var firstLi = lis.eq(0);
              var firstText = firstLi.text().trim();
              // 检查第一个 li 是否被分割（包含"我们目前有"但不包含"次编辑"）
              if (firstText.indexOf('我们目前有') !== -1 && firstText.indexOf('次编辑') === -1) {
                  // 查找下一个包含"次编辑"的 li
                  for (var i = 1; i < lis.length; i++) {
                      var nextLi = lis.eq(i);
                      var nextText = nextLi.text().trim();
                      // 如果下一个 li 包含"次编辑"但不包含"我们目前有"，说明是分割的部分
@@ 第34行： / 第58行： @@
                          firstLi.html(combinedHtml);
                          nextLi.remove(); // 删除被合并的 li
                          break;
+                     }
@@ 第42行： / 第69行： @@
          // 重新获取修复后的 li 列表
          lis = ul.find('li');
          if (lis.length <= 1) return; // 如果只有一个或没有项目，不需要滚动

2025年12月19日 (五) 08:31 Admin

2025-12-19T08:31:07Z

←上一版本		2025年12月19日 (五) 08:31的版本
第14行：		第14行：

	var lis = ul.find('li');		var lis = ul.find('li');

	~~// 调试：打印所有 li 的内容~~
	~~if (typeof console !== 'undefined' && console.log) {~~
	~~console.log('[SiteNotice] 找到 ' + lis.length + ' 个 li 元素:');~~
	~~for (var idx = 0; idx < lis.length; idx++) {~~
	~~var $li = lis.eq(idx);~~
	~~var text = $li.text().trim();~~
	~~console.log('[SiteNotice] li[' + idx + ']: "' + text + '"');~~
	}
	}

	// 检查并修复被分割的 li 元素		// 检查并修复被分割的 li 元素
第30行：		第20行：
	var firstLi = lis.eq(0);		var firstLi = lis.eq(0);
	var firstText = firstLi.text().trim();		var firstText = firstLi.text().trim();

	~~if (typeof console !== 'undefined' && console.log) {~~
	~~console.log('[SiteNotice] 第一个 li 内容: "' + firstText + '"');~~
	~~console.log('[SiteNotice] 包含"我们目前有": ' + (firstText.indexOf('我们目前有') !== -1));~~
	~~console.log('[SiteNotice] 包含"次编辑": ' + (firstText.indexOf('次编辑') !== -1));~~
	}

	// 检查第一个 li 是否被分割（包含"我们目前有"但不包含"次编辑"）		// 检查第一个 li 是否被分割（包含"我们目前有"但不包含"次编辑"）
	if (firstText.indexOf('我们目前有') !== -1 && firstText.indexOf('次编辑') === -1) {		if (firstText.indexOf('我们目前有') !== -1 && firstText.indexOf('次编辑') === -1) {
	~~if (typeof console !== 'undefined' && console.log) {~~
	~~console.log('[SiteNotice] 检测到第一个 li 被分割，开始查找需要合并的部分');~~
	}

	// 查找下一个包含"次编辑"的 li		// 查找下一个包含"次编辑"的 li
	for (var i = 1; i < lis.length; i++) {		for (var i = 1; i < lis.length; i++) {
	var nextLi = lis.eq(i);		var nextLi = lis.eq(i);
	var nextText = nextLi.text().trim();		var nextText = nextLi.text().trim();

	~~if (typeof console !== 'undefined' && console.log) {~~
	~~console.log('[SiteNotice] 检查 li[' + i + ']: "' + nextText + '"');~~
	}

	// 如果下一个 li 包含"次编辑"但不包含"我们目前有"，说明是分割的部分		// 如果下一个 li 包含"次编辑"但不包含"我们目前有"，说明是分割的部分
第58行：		第34行：
	firstLi.html(combinedHtml);		firstLi.html(combinedHtml);
	nextLi.remove(); // 删除被合并的 li		nextLi.remove(); // 删除被合并的 li
	~~if (typeof console !== 'undefined' && console.log) {~~
	~~console.log('[SiteNotice] 合并了被分割的 li 元素，合并后内容: "' + firstLi.text().trim() + '"');~~
	}
	break;		break;
	}		}
第69行：		第42行：
	// 重新获取修复后的 li 列表		// 重新获取修复后的 li 列表
	lis = ul.find('li');		lis = ul.find('li');

	~~if (typeof console !== 'undefined' && console.log) {~~
	~~console.log('[SiteNotice] 修复后共有 ' + lis.length + ' 个 li 元素');~~
	~~for (var idx = 0; idx < lis.length; idx++) {~~
	~~var $li = lis.eq(idx);~~
	~~var text = $li.text().trim();~~
	~~console.log('[SiteNotice] 修复后 li[' + idx + ']: "' + text + '"');~~
	}
	}
	if (lis.length <= 1) return; // 如果只有一个或没有项目，不需要滚动		if (lis.length <= 1) return; // 如果只有一个或没有项目，不需要滚动

第136行：		第100行：
	'word-break': 'keep-all',		'word-break': 'keep-all',
	'word-wrap': 'normal',		'word-wrap': 'normal',
	'max-width': containerWidth + 'px'		'max-width': containerWidth + 'px',
			'position': 'relative'
			});

			// 确保所有子元素（包括 strong、a、font 等）都不会换行
			$li.find('*').css({
			'white-space': 'nowrap',
			'display': 'inline',
			'text-align': 'center'
	});		});

	// ~~确保内容在 li 内居中~~		// 特别处理 strong 标签
	~~var $content =~~ $li.find('*')~~.first();~~		$li.find('strong').css({
	~~if ($content.length === 0) {~~		'white-space': 'nowrap',
	~~// 如果没有子元素，直接设置 li 的文本对齐~~		'display': 'inline'
	~~$li~~.css(~~'text-align', 'center');~~		});
	~~} else~~ {
	~~// 如果有子元素，确保子元素也居中~~
	~~$content.css({~~
	'~~text~~-~~align~~': '~~center~~',
	'display': 'inline~~-block~~',
	~~'width': '100%'~~
	});
	}
	});		});

2025年12月19日 (五) 08:27 Admin

2025-12-19T08:27:37Z

显示更改

2025年12月19日 (五) 08:18 Admin

2025-12-19T08:18:34Z

显示更改

2025年12月19日 (五) 08:18 Admin

2025-12-19T08:18:04Z

显示更改

2025年12月19日 (五) 08:16 Admin

2025-12-19T08:16:48Z

@@ 第14行： / 第14行： @@
          var lis = ul.find('li');
          if (lis.length <= 1) return; // 如果只有一个或没有项目，不需要滚动
@@ 第23行： / 第62行： @@
              return;
+         }
          // 设置 ul 宽度和初始 transform（使用 translate3d 启用 GPU 加速）
@@ 第53行： / 第89行： @@
          });
-         // 设置每个 li 的宽度和样式（防止换行）
+         // 设置每个 li 的宽度和样式（防止换行，确保居中）
          lis.each(function() {
              var $li = $(this);
-             // 先设置宽度，确保不换行
+             // 先设置宽度，确保不换行，内容居中
              $li.css({
                  'width': containerWidth + 'px',
@@ 第65行： / 第101行： @@
                  'display': 'inline-block',
                  'box-sizing': 'border-box',
-                 'padding': '0 10px',
+                 'padding': '0',
                  'vertical-align': 'top',
                  'flex-shrink': '0',
                  'white-space': 'nowrap',
-                 'overflow': 'hidden',
+                 'overflow': 'visible',
-                 'text-overflow': 'ellipsis',
+                 'text-overflow': 'clip',
-                 'text-align': 'center'
+                 'text-align': 'center',
              });
          });

2025年12月19日 (五) 08:13 Admin

2025-12-19T08:13:02Z

←上一版本		2025年12月19日 (五) 08:13的版本
第53行：		第53行：
	});		});

	// 设置每个 li ~~的宽度~~		// 设置每个 li 的宽度和样式（防止换行）
	lis.css({		lis.each(function() {
	'width': containerWidth + 'px',		var $li = $(this);
	'height': '25px',		// 先设置宽度，确保不换行
	'line-height': '25px',		$li.css({
	'list-style': 'none',		'width': containerWidth + 'px',
	'float': 'left',		'height': '25px',
	'display': 'inline-block',		'line-height': '25px',
	'box-sizing': 'border-box',		'list-style': 'none',
	'padding': '0 10px',		'float': 'left',
	'vertical-align': 'top',		'display': 'inline-block',
	'flex-shrink': '0'		'box-sizing': 'border-box',
			'padding': '0 10px',
			'vertical-align': 'top',
			'flex-shrink': '0',
			'white-space': 'nowrap',
			'overflow': 'hidden',
			'text-overflow': 'ellipsis',
			'text-align': 'center'
			});
	});		});

第142行：		第150行：
	var totalWidth = containerWidth * lis.length;		var totalWidth = containerWidth * lis.length;
	ul.css('width', totalWidth + 'px');		ul.css('width', totalWidth + 'px');
	lis.css('width', containerWidth + 'px');		lis.each(function() {
			$(this).css({
			'width': containerWidth + 'px',
			'white-space': 'nowrap',
			'overflow': 'hidden',
			'text-overflow': 'ellipsis',
			'text-align': 'center'
			});
			});

	var currentLeft = parseInt(ul[0].dataset.left) \|\| 0;		var currentLeft = parseInt(ul[0].dataset.left) \|\| 0;
第218行：		第234行：
	var promptAdded = initUserPrompt();		var promptAdded = initUserPrompt();

	// 延迟初始化滚动效果，确保 DOM ~~完全更新~~		// 延迟初始化滚动效果，确保 DOM 完全更新和样式应用
	setTimeout(function() {		setTimeout(function() {
			// 再次确保所有 li 都有正确的样式（防止换行）
			var siteNoticeScroll = $('#siteNoticeScroll');
			if (siteNoticeScroll.length) {
			var ul = siteNoticeScroll.find('ul:first');
			if (ul.length) {
			var lis = ul.find('li');
			var containerWidth = siteNoticeScroll.width() \|\| siteNoticeScroll[0].offsetWidth \|\| siteNoticeScroll[0].clientWidth;
			if (containerWidth > 0) {
			lis.each(function() {
			var $li = $(this);
			$li.css({
			'white-space': 'nowrap',
			'overflow': 'hidden',
			'text-overflow': 'ellipsis',
			'text-align': 'center'
			});
			});
			}
			}
			}
	initSiteNoticeScroll();		initSiteNoticeScroll();
	}, promptAdded ? 100 ~~: 0~~);		}, promptAdded ? 200 : 100);
	}		}

2025年12月19日 (五) 08:08 Admin

2025-12-19T08:08:43Z

显示更改

2025年12月19日 (五) 08:04 Admin

2025-12-19T08:04:43Z

←上一版本		2025年12月19日 (五) 08:04的版本
第108行：		第108行：
	}		}

	ul.width(containerWidth * lis.length).attr({		// 设置 ul 和 li 的宽度
			ul.css({
			'width': (containerWidth * lis.length) + 'px',
			'-webkit-transform': 'translateX(0px)',
			'-moz-transform': 'translateX(0px)',
			'-ms-transform': 'translateX(0px)',
			'-o-transform': 'translateX(0px)',
			'transform': 'translateX(0px)',
			'-webkit-transition': 'transform 0.73s ease-in-out',
			'-moz-transition': 'transform 0.73s ease-in-out',
			'-o-transition': 'transform 0.73s ease-in-out',
			'transition': 'transform 0.73s ease-in-out'
			}).attr({
	'data-left': 0,		'data-left': 0,
	'data-length': lis.length		'data-length': lis.length
	});		});

	lis.width(containerWidth);		lis.css('width', containerWidth + 'px');
	log('设置 ul 宽度: ' + (containerWidth * lis.length) + ', 每个 li 宽度: ' + containerWidth);		log('设置 ul 宽度: ' + (containerWidth * lis.length) + ', 每个 li 宽度: ' + containerWidth);

	// ~~设置初始位置和过渡效果~~		// 强制重绘
	ul~~.css({~~		ul[0].offsetHeight;
	~~'margin-left': '0px',~~
	~~'transition': 'margin-left~~ 0.~~73s ease-in-out'~~
	});

	// 开始滚动		// 开始滚动
第142行：		第151行：
	}		}

	var ~~marginLeft~~ = -(newLeft * containerWidth);		var translateX = -(newLeft * containerWidth);
	ul.css({
	'~~margin~~-~~left~~': ~~marginLeft +~~ 'px',		// 重置时先移除 transition，立即跳转，然后恢复
	'transition': '~~margin~~-~~left~~ 0.73s ease-in-out'		if (newLeft === 0) {
	});		ul.css({
			'-webkit-transition': 'none',
			'-moz-transition': 'none',
			'-o-transition': 'none',
			'transition': 'none',
			'-webkit-transform': 'translateX(0px)',
			'-moz-transform': 'translateX(0px)',
			'-ms-transform': 'translateX(0px)',
			'-o-transform': 'translateX(0px)',
			'transform': 'translateX(0px)'
			});
			ul[0].offsetHeight; // 强制重绘
			setTimeout(function() {
			ul.css({
			'-webkit-transition': 'transform 0.73s ease-in-out',
			'-moz-transition': 'transform 0.73s ease-in-out',
			'-o-transition': 'transform 0.73s ease-in-out',
			'transition': 'transform 0.73s ease-in-out'
			});
			}, 50);
			log('设置 transform: translateX(0px)');
			} else {
			ul.css({
			'-webkit-transition': 'transform 0.73s ease-in-out',
			'-moz-transition': 'transform 0.73s ease-in-out',
			'-o-transition': 'transform 0.73s ease-in-out',
			'transition': 'transform 0.73s 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)'
			});
			log('设置 transform: translateX(' + translateX + 'px)');
			}

	dataset.left = newLeft;		dataset.left = newLeft;
	~~log('设置 margin-left: ' + marginLeft + 'px');~~
	}, 5000);		}, 5000);

第159行：		第202行：
	if (containerWidth === 0) return;		if (containerWidth === 0) return;

	ul.width(containerWidth * lis.length);		ul.css('width', (containerWidth * lis.length) + 'px');
	lis.width(containerWidth);		lis.css('width', containerWidth + 'px');

	var currentLeft = parseInt(ul[0].dataset.left) \|\| 0;		var currentLeft = parseInt(ul[0].dataset.left) \|\| 0;
	if (currentLeft < 0) currentLeft = 0;		if (currentLeft < 0) currentLeft = 0;
			var translateX = -(currentLeft * containerWidth);
	ul.css({		ul.css({
	'~~margin~~-~~left~~': -~~(currentLeft * containerWidth) +~~ 'px',		'-webkit-transition': 'transform 0.37s ease-in-out',
	'transition': '~~margin~~-~~left~~ 0.37s ease-in-out'		'-moz-transition': 'transform 0.37s ease-in-out',
			'-o-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)'
	});		});
	});		});