javascript - 如何像 Handlebars 一样将 Bootstrap CSS 应用到 Ractive.js 模板中？

Question

我正在考虑用 Ractive.js 替换 Handlebars.js。更改看起来很顺利，但这是我的第一个问题，可能是一个新手问题。

我有一个包含表格的 Ractive.js 模板。模板中的表格有几个Bootstrap类

class="table table-striped table-bordered table-condensed table-hover"

当我将此模板与 Handlebars.js 一起使用时，表中的 Bootstrap 样式显示正常，如您在 jsfiddle 中看到的那样.

但是当我在 Ractive.js 中使用相同的模板时，样式不会显示，正如您在 jsfiddle 中看到的那样.

我尝试手动添加类:

$("#table").addClass("table")
$("#table").addClass("table-striped table-bordered")
$("#table").addClass("table-condensed table-hover")

没有成功。我一定错过了一些非常简单的东西。

Answer 1

我认为你只需要<tbody>让引导表正常工作jsfiddle