Javascript 只在Firefox中工作的代码

给定的代码只能在Firefox中使用，不能在任何其他浏览器中使用。 我已经为它提供了Fiddle链接。该代码在Firefox中运行良好，功能也正常，但任何其他浏览器都不支持它

错误显示为

由于脚本太长而导致错误

这是代码

var$box；
$（文档）.ready（函数（）{
$box=$（“.box”）；
setupColumns（）；
$（窗口）。打开（“调整大小”，设置列）；
});
函数setupColumns（）{
var$columnwrapper=$（“#列”）；
var w=$（“”）.addClass（“列”）.width（）；
var cnt=Math.floor（$columnwrapper.width（）/w）；
var cols=[]；
对于（变量i=0；i
.column{
宽度：114px；
浮动：左
}
.盒子{
高度：100px；
宽度：100px；
边框：2倍实心；
边际下限：10px
}

你好，世界1
你好，世界2
你好，世界3
你好，世界4
你好，世界5
你好，世界6
你好，世界7
你好，世界8
你好，世界9
HELLO WORLD 10
这可能是因为现代浏览器的跨浏览器安全概念。如果你想在谷歌浏览器上运行。您可能必须使用旧版本或安装以下插件：
问题是由于以下原因造成的：

var w = $("<div>").addClass("column").width();

.column{
宽度：114px；
浮动：左
}
.盒子{
高度：100px；
宽度：100px；
边框：2倍实心；
边际下限：10px
}

你好，世界1
你好，世界2
你好，世界3
你好，世界4
你好，世界5
你好，世界6
你好，世界7
你好，世界8
你好，世界9
HELLO WORLD 10
如何控制stackoverflower在代码段中放入一个无限循环你能解释一下你想做什么吗（爆炸）这里？我在设置div高度的动画时被卡住了。有多个带有css float:left的div。当我单击特定div时，它的高度应该增加。但是由于它的高度增加，其他所有div的位置也在改变。我不希望他们改变位置。我想要的是，刚好在目标div下方的div应该移动在不影响其他div的情况下关闭。代码开头的循环做什么？据我所知，他们创建了多个元素，你对它们有什么用？我正在创建一个循环，根据窗口的宽度生成列，并在每列中附加每个div。