Recently, I integrated RequireJS into my Spring MVC application to manage dependencies for various libraries, including jQuery and jQuery UI. Although I have successfully implemented it, I am facing an issue whenever the page is loaded or refreshed. Initially, when the page loads, none of the libraries are loaded, resulting in incorrect appearances. However, after a quick flash, everything appears correctly. Is this behavior normal? Here is the current state of my code:
Main.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>
<!-- The CSS files are loaded here -->
<!-- The JavaScript files -->
<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>
...
Newsearch.jsp:
$(document).ready(
function() {
// Custom JS Code
});