最近在做一个案例页面,主要结构就是列表和内容,还有固定的头部和底部(方便查看价格及购买),因为之前的案例详情页是很多的固定页面,这样不太方便维护,现在其他同事需要展示不同的案例,所以就从新整理了一下这块:
1、列表页就是很普通的,请求数据,包含一张图片、一句简要说明、一个微信文章链接,图片和文字展示在列表页,链接是当点击图片是跳转(就是div显示隐藏)显示对应的文章;
2、详情页就是将点击的链接赋值给iframe的src,但是这里问题还是比较多的:
微信公众号文章的图片做了处理,在外域使用的话,图片是显示不出来的,所以在给iframe赋值链接的时候是需要做些处理的,从网上查找资料,使用的是基于jquery的一个方法:
$.ajaxPrefilter( function (options) {
if (options.crossDomain && jQuery.support.cors) {
var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');