javascript - missing jquery-ui icons when dialog is displayed -
in spring/maven project, open each 1 of sub-pages in jquery-ui dialog. problem when windows displayed, icon close button missing, this:
the files jquery included in each page project through 2 jsp files:
header.jsp
<!doctype html public "-//w3c//dtd html 4.01 transitional//en" "http://www.w3.org/tr/html4/loose.dtd"> <%@ page session="false" language="java" contenttype="text/html; charset=utf-8" pageencoding="utf-8"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %> <%@ taglib uri="http://www.springframework.org/security/tags" prefix="sec" %> <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <html> <head> <title>${param.name}</title> <link href="${pagecontext.servletcontext.contextpath}/resources/jquery/css/custom/jquery-ui-1.10.4.custom.min.css" rel="stylesheet"> <link href="${pagecontext.servletcontext.contextpath}/resources/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="${pagecontext.servletcontext.contextpath}/resources/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet"> <link href="${pagecontext.servletcontext.contextpath}/resources/extra/css/starter-template.css" rel="stylesheet"> <link href="${pagecontext.servletcontext.contextpath}/resources/extra/css/signin.css" rel="stylesheet"> <link href="${pagecontext.servletcontext.contextpath}/resources/extra/css/table.css" rel="stylesheet"> </head> <body> footer.jsp
<script src="${pagecontext.servletcontext.contextpath}/resources/jquery/js/jquery-2.1.1.min.js"></script> <script src="${pagecontext.servletcontext.contextpath}/resources/jquery/js/jquery-ui-1.10.4.custom.min.js"></script> <script src="${pagecontext.servletcontext.contextpath}/resources/bootstrap/js/bootstrap.min.js"></script> <script src="${pagecontext.servletcontext.contextpath}/resources/extra/js/jquery.md5.min.js"></script> <script src="${pagecontext.servletcontext.contextpath}/resources/extra/js/form_submit.js"></script> <script src="${pagecontext.servletcontext.contextpath}/resources/extra/js/form_valida.js"></script> <script src="${pagecontext.servletcontext.contextpath}/resources/extra/js/page_link.js"></script> <script src="${pagecontext.servletcontext.contextpath}/resources/extra/js/page_load.js"></script> </body> </html> the file hierarchy in project this:
when open page, network monitor of browser (i using firefox), display this:
what find weird it's status file: ui-icons_000000_256x240.png 304 not modified, think should 200 ok.
is problem? if so, how prepare that?
i had similar problem few weeks ago in dialog window. the solution upgrade icons from:
..www/css/images/icons-png/ ..www/css/images/icons-svg/ and re-create .css, .js , icons on server, and not download external source! verify path from:
jquery-ui jquery.inline-png.css jquery.inline-svg.css javascript jquery jquery-ui
No comments:
Post a Comment