36
个编辑
-
汇聚密码安全智慧 共享实战经验!
无编辑摘要 标签:移动版编辑 移动版网页编辑 |
无编辑摘要 标签:移动版编辑 移动版网页编辑 |
||
| 第14行: | 第14行: | ||
var lis = ul.find('li'); | var lis = ul.find('li'); | ||
// 检查并修复被分割的 li 元素 | // 检查并修复被分割的 li 元素 | ||
| 第30行: | 第20行: | ||
var firstLi = lis.eq(0); | var firstLi = lis.eq(0); | ||
var firstText = firstLi.text().trim(); | var firstText = firstLi.text().trim(); | ||
// 检查第一个 li 是否被分割(包含"我们目前有"但不包含"次编辑") | // 检查第一个 li 是否被分割(包含"我们目前有"但不包含"次编辑") | ||
if (firstText.indexOf('我们目前有') !== -1 && firstText.indexOf('次编辑') === -1) { | if (firstText.indexOf('我们目前有') !== -1 && firstText.indexOf('次编辑') === -1) { | ||
// 查找下一个包含"次编辑"的 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(); | ||
// 如果下一个 li 包含"次编辑"但不包含"我们目前有",说明是分割的部分 | // 如果下一个 li 包含"次编辑"但不包含"我们目前有",说明是分割的部分 | ||
| 第58行: | 第34行: | ||
firstLi.html(combinedHtml); | firstLi.html(combinedHtml); | ||
nextLi.remove(); // 删除被合并的 li | nextLi.remove(); // 删除被合并的 li | ||
break; | break; | ||
} | } | ||
| 第69行: | 第42行: | ||
// 重新获取修复后的 li 列表 | // 重新获取修复后的 li 列表 | ||
lis = ul.find('li'); | lis = ul.find('li'); | ||
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' | |||
}); | }); | ||
// | // 特别处理 strong 标签 | ||
$li.find('strong').css({ | |||
'white-space': 'nowrap', | |||
'display': 'inline' | |||
}); | |||
}); | }); | ||