编写 jQuery 时如何使用 CoffeeKup答案

【问题标题】：How do I make use of CoffeeKup when writing jQuery编写 jQuery 时如何使用 CoffeeKup
【发布时间】：2012-07-18 19:01:17
【问题描述】：

我对 Web 开发还很陌生，并且已经开始使用 node.js & express 和 coffeekup 视图引擎进行编程。我的问题如下：

如果我使用 CoffeeKup 视图引擎，我能否以某种方式将 coffeeKup 代码作为参数插入到 jquery append 方法中？！？例如，我可以写$('body').append('p') 或$('body').append(p) 或类似的东西，而不是写$('body').append('<p>')。我希望编译器以某种方式预处理我的咖啡代码...

【问题讨论】：

这似乎与咖啡脚本无关。如果我错了，请详细说明并重新标记。
@AaronDufour coffeekup是基于coffeescript的标记语言，所以是间接相关的。

标签： jquery compiler-construction coffeekup

【解决方案1】：

coffeekup 源代码的 examples/browser 目录中提供了您尝试实现的目标的示例。 Maurice 将您的特定客户端（浏览器）coffeekup 称为creme。

它的要点是包含coffeekup 和coffeescript 库，并在js 文件或脚本元素中编写模板。以下内容来自creme/index.html 文件。

<script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script>
<script src="coffeekup.js"></script>

<script type="text/coffeescript">
  stooges = ['moe', 'larry', 'curly']

  $().ready ->
    codey = ->
      h2 'Template as a function'

      ul ->
        for guy in @stooges
          li guy

    $('body').append CoffeeKup.render(codey, stooges: stooges)
</script>

【讨论】：