0

我在控制器中生成了一些 HTML，并将其传递给要添加到“SlickGrid”的视图。我遇到的问题是，应该应用的 CSS 样式未应用于该 HTML。它发生在几个例子中，都有相同的症状。

显示的 HTML 如下（取自 Chrome 的检查器工具）：

 <div id="pba-progress-688-5" class="checkpointLegend clickable A tipper" title="Approved&lt;br&gt;&lt;i&gt;Composition Table&lt;/i&gt;&lt;br&gt;Click to go to this checkpoint.">✓&lt;/div>

可点击的类、A、Tipper 没有被应用，还有一些 checkpointLegend 的东西也没有被应用。

checkPointLegend 看起来像这样：

.checkpointLegend {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
}
.checkpointLegend div {
    border: 1px solid #CCC;
    border-radius: 4px 4px 4px 4px;
    float: left;
    height: 14px;
    margin: 2px;
    width: 12px;
    font-size: 10px;
    text-align: center;
    line-height: 14px;
    cursor: pointer;
}

正在应用.checkpointLegend 部分，但未应用 DIV 部分。

关于为什么这些类在呈现时没有应用于 HTML 的任何想法？

以供参考：

  • 我正在使用 SlickGrid 的一个分支（https://github.com/andrewchilds/SlickGrid）
  • CSS 在 WEBGRID 中工作正常（所以我知道它可以工作），但是 webgrid 太慢了，无法处理我扔给它的数据量。
  • 控制器生成 HTML 并通过 ajax 调用将其传递给视图。html 直接转储到 slickgrid 中的单元格中。

我很乐意澄清任何需要澄清的内容，或者在需要时发布更多代码。

任何想法/指针/建议/解决方案都将不胜感激（我已经把我的头从办公桌上敲了 2 天......）

4

0 回答 0