jquery - 在 ejs 模板中使用 jQuery

Question

因此，我正在 Parse BaaS 上构建一个 Express 应用程序，并希望根据错误消息是否传递到 View 中来显示 Bootstrap 模式。我正在尝试使用 Bootstrap 中的简单 .modal("show") 代码来执行此操作。我在此模板上有一个 _header 部分，其中包含 jQuery 和 bootstrap js 的链接。但是，此模板在运行时会中断，表示 $ 未定义。这是嵌入的js。

<div class="modal-body">
                  <% if(registerError) { %>
                    <div class="error"><%= registerError %></div>
                      <% $('#registerModal').modal('show') %>   
                  <% } %>
                <form class="form-inline login-form" method='post' action='/signup'>
                  <div class="error bg-danger" style="display:none"></div>
                  <input type="email" id="register-username" name="registerEmail" class="form-control" placeholder="Email" />
                  <button type="submit" id="login" class="btn btn-primary">Next</button>
                </form>

              </div>

当我取出模态调用时，模板正确显示错误，但这需要我手动导航到模态。如果出现错误，我希望在模板加载时呈现此模式。我对 ejs 和 Express 还很陌生，所以我不确定 jquery 调用应该放在哪里。

Answer 1

此代码不起作用的原因是您尝试在服务器端运行客户端 JS(即在 <% %> 内)。如果你输入 $ ，它应该可以工作。脚本标记内的表达式。

<% if(registerError) { %>
    <div class="error"><%= registerError %></div>
    <script type='text/javascript'>$('#registerModal').modal('show');</script>   
<% } %>