开发一个新项目,在引用公共js和css时总有些文件引用失败,经过对比和分析发现:
在jsp中引用js时,引用失败的几个css和js文件前的js引用<script>标签是以 “/>”结束的,导致引用出问题,并且影响到后面js和css文件的引用,如下所示:
<script src="${pluginPath}/jquery-easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"/>
<script src="${pluginPath}/jquery-easyui/datagrid-detailview.js" type="text/javascript"/>
<!-- jqGrid 引入 -->
<link href="${pluginPath}/jquery-jqGrid/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<link href="${pluginPath}/jquery-jqGrid/css/themes/custom/ui.custom.css" rel="stylesheet" type="text/css" />
<script src="${pluginPath}/jquery-jqGrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
改为以</script>结束,则所有css和js文件引用成功,如下所示:
<script src="${pluginPath}/jquery-easyui/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<script src="${pluginPath}/jquery-easyui/datagrid-detailview.js" type="text/javascript"></script>
<!-- jqGrid 引入 -->
<link href="${pluginPath}/jquery-jqGrid/css/ui.jqgrid.css" rel="stylesheet" type="text/css" />
<link href="${pluginPath}/jquery-jqGrid/css/themes/custom/ui.custom.css" rel="stylesheet" type="text/css" />
<script src="${pluginPath}/jquery-jqGrid/js/jquery.jqGrid.min.js" type="text/javascript"></script>
给自己提个醒,以后引用js的格式要规范