如何在 EJS 中追加 jQuery？

Question

这让我很沮丧。我不能在 EJS 中运行 jQuery 吗？

我已经阅读了很多这方面的资料，但找不到真正有用的资源。假设我只想使用 jQuery 从 EJS 模板登录，我该如何实现？

假设我们有这个片段：

<script>

$( document ).ready(function() {
    console.log( "ready!" );
});

</script>

我已将其放入我的 footer.ejs 文件中，我使用 EJS 标记将其包括在内。但它根本不记录。

Answer 1

如果你用 node 安装 jQuery，那是因为你想在应用程序的服务器端使用 jQuery，所以你将主要将它用于服务器端功能，可能更多核心方法，显然与 dom 无关。

要在客户端上使用 jQuery，您仍然需要将 jQuery 添加到您的页面，使用静态引用，或者可能使用 bower 安装它并从您的 bower_components文件夹

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

或者您可以使用 browserify 将您的客户端包含捆绑到一个捆绑文件中，例如main.js 或 bundle.js

<script src="js/bundle.min.js"></script>

如果您使用的是 Jade，您可以将脚本标签添加到您的模板中

How do I append jQuery in EJS?