在编写jQuery时如何使用CoffeeKup

时间:2012-04-02 18:23:01

标签: jquery compiler-construction coffeekup

我对网络开发很陌生,并开始使用node.js& amp;表达并使用coffeekup视图引擎。我的问题如下:

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

1 个答案:

答案 0 :(得分:2)

您尝试在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>