快到国庆了,总结一下最近遇到的问题
问题一, 表格查看更多问题
遇到需要时只显示两行表格,其余点击才会显示
解决:
方法1, 可以使用定高度,然后加个overflow:hidden....2, 使用js数组的splice方法, 将前两行表格之后的所有表格隐藏.点击查看后,把dispaly:none;去掉即可
// 初始化只显示两行
function initHideNodeTable...').addClass('hide-see-more')
$('#js-see-more').html('收起')
}
})
问题二, 表格排序功能
由于表格中的数据都是页面加载后每行异步请求的..., 所以排序有点麻烦
解决:
渲染时,给表格每行的tr添加区分用的id, 随后,等数据异步渲染完毕, 点击排序时,更具对比的数据获取当那个数据的tr, 随后将表格置空, 对tr进行重新渲染即可....问题三, 两倍图问题
由于苹果的视网膜屏, 一倍图清晰度不高, 需要两倍图
解决:
切个两倍图,使用媒体查询即可
@media screen and (-webkit-min-device-pixel-ratio