实现特定于模板的页面初始化函数

时间:2016-06-04 01:39:02

标签: javascript pug

走出黑暗时代,尝试翡翠。有趣的东西到目前为止

我想在有问题的模板(在本例中为index.jade)加载时执行JavaScript函数。如果我用良好的HTML格式进行此操作,我可能会这样做:

<script type="text/javascript">
    // Initialize the app on document ready.
    $(initializeStuff);
</script>

我可以看到如何在我的模板中包含任意js文件,但不知道如何从中实际调用函数:

extend default

script(src="/js/default.js")

block content

  form(id="upload", class="dropzone", method="post", action="/upload")

  p.
    Lorem ipsum dolor sit amet, pri tacimates salutatus forensibus ea. Sit ceteros hendrerit
    consequuntur an, dicta tibique eu vis. Habeo impetus comprehensam te nam, in sit feugait
    principes. Cibo possit oblique qui cu, aperiri vivendum sed ne. Minim repudiare ne cum,
    ex graeco quodsi ius.

在这种情况下,我想调用“initStuff()”来修复“dropzone”表单上的一些选项等。

有人能指出我的直接方向吗?感谢...

1 个答案:

答案 0 :(得分:1)

您已经可以将此示例翻译为Jade(基于example on jade-lang.com):

script(type='text/javascript').
  // Initialize the app on document ready.
  $(initializeStuff);

输出:

<script type="text/javascript">
    // Initialize the app on document ready.
    $(initializeStuff);
</script>