36
个编辑
-
汇聚密码安全智慧 共享实战经验!
- 我们目前有643个页面，13个用户，731次编辑。
MediaWiki:Mobile.js：修订间差异
跳转到导航
跳转到搜索
无编辑摘要
无编辑摘要 标签：已被回退 |
无编辑摘要 标签：已被回退 |
||
| 第14行： | 第14行： | ||
var lis = ul.find('li'); | var lis = ul.find('li'); | ||
// 调试：打印所有 li 的内容 | |||
if (typeof console !== 'undefined' && console.log) { | |||
console.log('找到 ' + lis.length + ' 个 li 元素:'); | |||
lis.each(function(index) { | |||
console.log('li[' + index + ']: ' + $(this).text().trim()); | |||
}); | |||
} | |||
// 检查并修复被分割的 li 元素 | |||
// 如果第一个 li 包含"我们目前有"但不包含"次编辑"，说明被分割了 | |||
if (lis.length > 0) { | |||
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 包含"次编辑"但不包含"我们目前有"，说明是分割的部分 | |||
if (nextText.indexOf('次编辑') !== -1 && nextText.indexOf('我们目前有') === -1) { | |||
// 合并内容 | |||
var combinedHtml = firstLi.html() + ' ' + nextLi.html(); | |||
firstLi.html(combinedHtml); | |||
nextLi.remove(); // 删除被合并的 li | |||
if (typeof console !== 'undefined' && console.log) { | |||
console.log('合并了被分割的 li 元素'); | |||
} | |||
break; | |||
} | |||
} | |||
} | |||
} | |||
// 重新获取修复后的 li 列表 | |||
lis = ul.find('li'); | |||
if (lis.length <= 1) return; // 如果只有一个或没有项目，不需要滚动 | if (lis.length <= 1) return; // 如果只有一个或没有项目，不需要滚动 | ||
| 第23行： | 第62行： | ||
return; | return; | ||
} | } | ||
// 设置 ul 宽度和初始 transform（使用 translate3d 启用 GPU 加速） | // 设置 ul 宽度和初始 transform（使用 translate3d 启用 GPU 加速） | ||
| 第53行： | 第89行： | ||
}); | }); | ||
// 设置每个 li | // 设置每个 li 的宽度和样式（防止换行，确保居中） | ||
lis.each(function() { | lis.each(function() { | ||
var $li = $(this); | var $li = $(this); | ||
// | // 先设置宽度，确保不换行，内容居中 | ||
$li.css({ | $li.css({ | ||
'width': containerWidth + 'px', | 'width': containerWidth + 'px', | ||
| 第65行： | 第101行： | ||
'display': 'inline-block', | 'display': 'inline-block', | ||
'box-sizing': 'border-box', | 'box-sizing': 'border-box', | ||
'padding': '0 | 'padding': '0', | ||
'margin': '0', | |||
'vertical-align': 'top', | 'vertical-align': 'top', | ||
'flex-shrink': '0', | 'flex-shrink': '0', | ||
'white-space': 'nowrap', | 'white-space': 'nowrap', | ||
'overflow': ' | 'overflow': 'visible', | ||
'text-overflow': ' | 'text-overflow': 'clip', | ||
'text-align': 'center' | 'text-align': 'center', | ||
'word-break': 'keep-all', | |||
'word-wrap': 'normal', | |||
'max-width': containerWidth + 'px' | |||
}); | }); | ||
// 确保内容在 li 内居中 | |||
var $content = $li.find('*').first(); | |||
if ($content.length === 0) { | |||
// 如果没有子元素，直接设置 li 的文本对齐 | |||
$li.css('text-align', 'center'); | |||
} else { | |||
// 如果有子元素，确保子元素也居中 | |||
$content.css({ | |||
'text-align': 'center', | |||
'display': 'inline-block', | |||
'width': '100%' | |||
}); | |||
} | |||
}); | }); | ||