1

我已将 RequireJS 放入我的 Spring MVC 应用程序中，以便对我的库进行依赖管理。我正在使用 jQuery 和 jQuery UI 等。我已经让它工作了，但是每当我加载/刷新页面时，页面将首先显示而没有加载任何库（一切都显示不正确），然后页面将闪烁并且一切都会正确显示。这正常吗？这是我到目前为止所拥有的：

主.js：

require([ "jquery-1.8.3", "jquery-ui-1.9.2.custom", "newsearch" ], function() {

});

mysearch.jsp：

<%@ page session="true"%>
<%@page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
<title>MyApp</title>

<!-- CSS is loaded here -->

<!-- JavaScript -->
<c:url value="/resources/scripts/main" var="main" />
<c:url value="/resources/scripts/require-jquery.js"
var="require" />

<script data-main="${main}" src="${require}"></script>

...

新搜索.jsp：

$(document).ready(
    function() {
        // JS Code
});
4

1 回答 1

1

下面的代码通常适用于我的 Spring MVC。请注意，$(document).ready(...) 调用将位于 mysearch.jsp 的底部。

<script type="text/javascript" src="${pageContext.request.contextPath}/path/to/require-2.0.2.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/path/to/jquery-1.7.1.min.js"></script>

<script type="text/javascript">
    $(document).ready(function() {
        require(["${pageContext.request.contextPath}/path/to/a-dependency.js", 
                 "${pageContext.request.contextPath}/path/to/another-dependency.js"],

            function() {
              console.log('Page dependencies loaded...');
              // More initialization code...
            }
        );              
  });
 </script>
于 2012-12-12T03:05:48.703 回答