jQuery 附加的 HTML 元素不会使用 crate 和 clj-js 获取 CSS 样式

Question

遇到一个相当有趣的问题。

生成为 html 并通过 jquery 插入页面的元素不会采用指定的样式。

样式位于 HTML 中，但浏览器(Chrome、Firefox)根本不渲染它。

生成的 html 可以通过浏览器保存，并且打开时的 HTML 文件确实应用了样式。

直接通过 javascript(绕过 crate)或使用 clojurescript 中的显式 html 字符串生成的相同代码也具有正确的样式。

这似乎仅是 crate 生成的元素的问题。

例如:

(-> (jquery "body")         
  (.append (crate/html [:h1{:class "red"} "Test inside a jquery"]) ))))

红色类简单定义:

.red {
color:red;
}

我在这里尝试了 crate 的几种变体，包括 defpartial、defhtml，但结果相同。使用 jayq 或非包装 jquery 得到相同的结果。同样，使用不同的 jquery 方法(inner、append、html 等)。

我是否遗漏了一些非常明显的东西？

Answer 1

你能尝试一下吗:

(-> (jquery "body")         
  (.append (crate/html [:h1.red "Test inside a jquery"]) ))))