编写 jQuery 时如何使用 CoffeeKup

问题描述 投票:0回答:1

我对 Web 开发相当陌生,已经开始使用 Node.js 和 Express 进行编程,并使用 Coffeekup 视图引擎。我的问题如下:

如果我使用CoffeeKup视图引擎,我可以以某种方式插入coffeeKup代码作为jquery追加方法的参数吗?!? 例如,我可以写

$('body').append('<p>')
$('body').append('p')
或类似的东西,而不是写
$('body').append(p)
。我希望编译器以某种方式预处理我的咖啡代码......

jquery coffeekup
1个回答
2
投票

coffeekup 源代码的 Examples/browser 目录中有您想要实现的示例。莫里斯将您的客户端(浏览器)特定风味称为“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>
© www.soinside.com 2019 - 2024. All rights reserved.