- 主题:这段js要怎么样简化?
我这里有一段js,在三个瀑布流里面找出高度最小的一个,接下来我要把图片添加到这个瀑布流里面。我的js是这么写的,感觉不是很好看。怎么样简化会更好一些?
var leftImageList = $("#leftImageList");
var middleImageList = $("#middleImageList");
var rightImageList = $("#rightImageList");
var leftHeight = leftImageList.height();
var middleHeight = middleImageList.height();
var rightHeight = rightImageList.height();
var d = {};
d[leftHeight] = leftImageList;
d[middleHeight] = middleImageList;
d[rightHeight] = rightImageList;
var targetImageList = d[Math.min(leftHeight, middleHeight, rightHeight)];
--
FROM 110.83.90.*
我每次加载的Item是三的倍数,所以不管那个短,直接挨着扔就行了。
而且逐渐觉得瀑布流的设计应用场景很有限。
【 在 hgoldfish 的大作中提到: 】
: 我这里有一段js,在三个瀑布流里面找出高度最小的一个,接下来我要把图片添加到这个瀑布流里面。我的js是这么写的,感觉不是很好看。怎么样简化会更好一些?
: var leftImageList = $("#leftImageList");
: var middleImageList = $("#middleImageList");
: ...................
--
修改:dhcn FROM 111.206.50.*
FROM 111.206.50.*
不是啊。放到瀑布流里面的图片高度是不同的,所以如果挨着扔的话,三个流的高度很容易参差不齐。
我在弄一个图片展示的网站,想抄一下Google Plus。
【 在 dhcn (小石) 的大作中提到: 】
: 我每次加载的Item是三的倍数,所以不管那个短,直接挨着扔就行了。
: 而且逐渐觉得瀑布流的设计应用场景很有限。
--
FROM 110.83.90.*
瀑布流,图片宽度固定,高度其实应该按照比例,设定一个max值.
正常的瀑布流实现,一种是位置固定,坐标算着来,一种加数据,漂着往下流,不过两种实现方式一般都不考虑你这个因素,你的这个问题,只会在有人使坏的情况下发生,比如某人算好,连着发一长两短,随机情况下,不用考虑这个问题,因为其布局本身本来就是参差不齐的。
【 在 hgoldfish 的大作中提到: 】
: 不是啊。放到瀑布流里面的图片高度是不同的,所以如果挨着扔的话,三个流的高度很容易参差不齐。
: 我在弄一个图片展示的网站,想抄一下Google Plus。
:
--
修改:dhcn FROM 111.206.50.*
FROM 111.206.50.*
有underscore/lodash/的话就简单点:
_.min([$('#left'), $('#right'), $('#middle')], function(x){return x.height()})
或者lazy.js
Lazy([$('#left'), $('#right'), $('#middle')]).min(function(x){return x.height()})
【 在 hgoldfish (老鱼) 的大作中提到: 】
: 标 题: 这段js要怎么样简化?
: 发信站: 水木社区 (Mon May 26 21:56:52 2014), 站内
:
: 我这里有一段js,在三个瀑布流里面找出高度最小的一个,接下来我要把图片添加到这个瀑布流里面。我的js是这么写的,感觉不是很好看。怎么样简化会更好一些?
:
: var leftImageList = $("#leftImageList");
: var middleImageList = $("#middleImageList");
: var rightImageList = $("#rightImageList");
: var leftHeight = leftImageList.height();
: var middleHeight = middleImageList.height();
: var rightHeight = rightImageList.height();
:
: var d = {};
: d[leftHeight] = leftImageList;
: d[middleHeight] = middleImageList;
: d[rightHeight] = rightImageList;
: var targetImageList = d[Math.min(leftHeight, middleHeight, rightHeight)];
:
: --
: 灭绝人性啊
:
:
※ 修改:·liangqing 于 May 28 14:13:14 2014 修改本文·[FROM: 64.104.161.*]
: ※ 来源:·水木社区 newsmth.net·[FROM: 110.83.90.*]
--
修改:liangqing FROM 64.104.161.*
FROM 64.104.161.*