我有多种适用于不同屏幕尺寸的变量:
ST.screen_x_small = 480;
ST.screen_small = 768;
ST.screen_medium = 992;
ST.screen_large = 1200;
我想声明每个 var 加载的项目数量。因此,例如,如果 x_small 我要加载 10,如果很小,则为 20,依此类推。
我已将每种尺寸放入字典中:
ST.content_per_load_dict = {'480' : 10, '768' : 20, '992' : 30, '1200' : 40};
进而:
var pageWidth = $(window).width();
if(pageWidth < ST.screen_x_small)
{
ctx.contentPerLoad = ST.content_per_load_dict[ST.screen_x_small];
}
else if(pageWidth < ST.screen_small)
{
ctx.contentPerLoad = ST.content_per_load_dict[ST.screen_small];
}
else if(pageWidth < ST.screen_medium)
{
ctx.contentPerLoad = ST.content_per_load_dict[ST.screen_medium];
}
else
{
ctx.contentPerLoad = ST.content_per_load_dict[ST.screen_large];
}
我的问题是:
有一个更好的方法吗?
有没有更有效的方法来声明字典?理想情况下,我只想在 ST.screen_x_small var 中声明 480 而不是在字典中再次声明。