我有很多年:
$years = [1952,1954,1961,1962,1965,1982,1984,1984,1984,1985,1986,1986,1987,1988,1990,1991,1991,1993,1995]
我正在创建一个时间线,我的时间线使用 10 年的范围,所以它看起来像这样:
1950 1960 1970 1980
.........|.........|.........|.........|.........
在 jQuery 的帮助下,我循环遍历这些年来的每个函数,并通过创建一个 div 将它们显示在时间轴上,并使用左侧 css 属性(1 年为 22px)定位它们:
$.each(years, function(key, value) {
var event = $('<div>').addClass('event');
var posX = value*21;
event = event.html(value).css('left',posX+'px');
$('#timeline').append(event);
});
到目前为止一切都很好,但我们你可以看到我有很多年,我无法正确显示它们。
如果在10 年范围内有超过 3 个事件,我想显示一个按钮而不是事件 div,当我单击它时,我可以使用弹出窗口来显示其余事件。
我怎样才能做到这一点?