我想创建带有可重复字段的小部件，用于推荐、时间表等。。

我最近偶然发现了这个tutorial 来自可编码。io。我对标准骨干有一些很好的经验。js也是。我完成了教程并实现了它。

本教程使用主干。js/下划线。用于呈现可重复字段的js模板引擎。

这是小部件code 以及相应的主干。js公司script.

然而，有一个问题让我一周来一直失眠。只有在点击保存按钮后，小部件才能正常工作。

当小部件被添加到侧栏时，除了默认的推荐之外，添加了“添加新推荐”按钮的推荐在点击保存按钮后就会消失。只有在手动点击保存按钮后，功能才能按预期工作。只有在点击保存按钮后，添加了“添加新推荐”的推荐才会被保存。

经过一些跟踪和错误之后，我发现问题出在小部件id上（可能），当呈现模板时，widget-testimonials_widget-__i__ 打印在javascript模板中，而不是像widget-testimonials_widget-5. 但在点击保存按钮后，功能与实际小部件id的预期一致。这是我的问题。这是截图。

.

该功能在Proteus theme Cargo Press中正常工作，无需点击save按钮，尽管代码有一些改进，如清理和代码组织。这是proteus主题小部件的屏幕截图，小部件id在将小部件添加到侧栏后立即正确呈现。这是屏幕截图。