我有一个网络应用程序，其中列出了很多电影，现在我为每部电影加载了一个缩略图，但是当电影列表非常大时，页面会一直加载和加载。因此，我正在考虑向其他用户提供 2 种 View :缩略图 View 和 ListView (这是为了加快加载速度)。
那么，我有哪些选择可以实现这一目标？我问这个问题是因为有一些话题需要考虑:
1.-我可以制作 2 个 View 并隐藏一个或另一个( ListView 或缩略图)，但是，如果用户选择 ListView ，我如何防止页面保持加载状态隐藏的图像？ (或者我应该这样离开吗？) 2.-有 2 个面板(一个用于每种 View )并且只隐藏一个节目是不是很好？或者通常是如何完成的？
我想让它非常干净、易于理解和优化。谢谢
最佳答案
一种解决方案是使用常规 <img>标签，并在某些情况下将它们转换为列表，例如用户选择将它们显示为列表或加载过多(或任何给定的 JavaScript 条件):
$('img').each(function() {
var img = $(this),
src = $(img).attr('src');
$(this).replaceWith($("<li><a href='" + src + "'>" + src + "</a></li>"));
});
我创建了一个 fiddle 演示 here .
请注意，这是通过定位 DOM 元素本身来实现的，因此实际上不需要等待图像完成加载后再将它们转换为链接。
希望这对您有所帮助!
关于javascript - 如何制作列表和缩略图 View ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41603672/