Question

我在控制器中生成了一些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.">✓</div>

可点击的类，A，自卸车没有被应用，并且还有一些未应用的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部分 IS ，但未应用DIV部分。

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

供参考：

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

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

任何想法/指示/建议/解决方案都会非常感激（我已经在我的桌子上敲了2天......）

CSS样式未应用于动态HTML（ASP.NET MVC3）

0 个答案: