我之前曾问过一个关于如何以更短的方式编写代码块的问题,我得到了答案,并开始根据我的情况进行调整。但是我遇到了一个小问题,这是我正在运行的代码:
var default_cluster_options = {
limits : [ { min: 1224, items: 8 }, { min: 954, items: 6 }, { min: 624, items: 4 }, { min: 0, items: 2 } ]
};
var default_plugin_options = {
containerID : "",
first : false,
previous : false,
next : false,
last : false,
startPage : 1,
perPage : 1,
midRange : 6,
startRange : 1,
endRange : 1,
keyBrowse : false,
scrollBrowse: false,
pause : 0,
clickStop : true,
delay : 50,
direction : "auto",
animation : "fadeIn",
links : "title",
fallback : 1000,
minHeight : true,
callback : function(pages, items) {}
};
var Cluster = function(cluster_options, plugin_options) {
this.options = $.extend({}, default_cluster_options, cluster_options);
this.plugin_options = $.extend({}, default_plugin_options, plugin_options);
this.limits = this.options.limits;
this.inititate_shop();
};
Cluster.prototype.initiate_plugin = function(plugin_navigation, plugin_options) {
var options = $.extend({}, this.plugin_options, plugin_options);
return $(plugin_navigation).jPages(options);
};
Cluster.prototype.inititate_shop = function() {
for (var i = 0; this.viewport_width <= this.limits[i].min; i++) {
log(this.limits[i].min);
log(this.viewport_width);
this.initiate_plugin('.shop-items-navigation', {
containerID : "shop-items-wrapper",
perPage : this.limits[i].items,
midRange : 8,
animation : "fadeIn",
links : "blank",
keyBrowse : true,
callback : function(pages) {
log(pages.current);
}
});
}
};
var cluster = new Cluster();
那里的一些代码可能没有意义,因为还有其他代码块,但我认为这是与我的问题相关的所有代码,可能会导致问题。
我的问题是属性for()
内的循环。Cluster.prototype.inititate_shop
我在控制台中没有看到任何错误,但是当我尝试查看另一个循环是否对this.limits
变量(这是一个由 4 个对象组成的数组)起作用时,它确实发生了。
所以这就是为什么我不明白为什么函数不起作用或for()
循环会中断,我在这里问是否有人发现了我没有发现的东西(我有丢失东西的历史)。