Jquery 如何更改此代码以使其正常工作？

我从Flask开始，我发现jQuery和（我认为）Flask的模板系统有一些问题。我想做的很简单：在jQuery库之后，我在layout master template layout.html中包含了一个behavior.js脚本。其内容包括:

jQuery(document).ready(function() {
    var events = $("#fake_grid td");
    while(events.length > 0) {
        $("#the_grid").append($("<tr/>").append(events.slice(0, 3)));
    }
    $("#fake_grid").remove();
});

jQuery（文档）.ready（函数（）{
var事件=$（“#假网格td”）；
而（events.length>0）{
$（“#网格”）.append（$（“”）。append（events.slice（0,3））；
}
$（“伪网格”）.remove（）；
});

当我尝试执行此操作时，我的浏览器崩溃，我无法理解为什么以及如何修复它。我一直在考虑jQuery不能正确加载或在我的脚本之后加载，但我已经用FireBug检查过了，这方面的一切都很好。我尝试用alert（）替换所有代码，效果也不错。我尝试过以几种不同的方式将我的.js包含在child template index.html中，但事实并非如此。也许是文档可读性的问题

---

如果是别的东西，我看不见，这让我非常焦虑。那么，你有什么建议吗？我做错了什么？提前感谢。

如果您的浏览器崩溃，这与flask/jinja无关，但纯粹是JS问题。我猜你的代码会导致一个无休止的循环。

jQuery(document).ready(function() {
    var events = $("#fake_grid td");
    while(events.length > 0) {
        $("#the_grid").append($("<tr/>").append(events.slice(0, 3)));
    }
    $("#fake_grid").remove();
});

jQuery(document).ready(function() {
    $("#fake_grid td").each(function(i, val) {
        $("#the_grid").append($("<tr></tr>").append(this));
    });
    $("#fake_grid").remove();
});