Question

在我的default.jspx中，它包含页面的基本布局，我试图导入一些jquery库，如下所示

<head>
    ...
    <spring:url value="/resources/js/lib/jquery-1.9.1.min.js" var="jquery_url" />
    <spring:url value="/resources/js/lib/jquery.tokeninput.js" var="jquery_tokeninput_url" />
    <script src="${jquery_url}" type="text/javascript"></script>    
    <script src="${jquery_tokeninput_url}" type="text/javascript"></script>
    <script type="text/javascript">
        $.noConflict();
    </script>
    <util:load-scripts />
    ...
</head>

但是当页面在浏览器中呈现时，第一个脚本标记会吞下另外两个

<head>
...
<script type="text/javascript" src="/roo-inari/resources/js/lib/jquery-1.9.1.min.js">
//These lines are inside the first script tag
<script type="text/javascript" src="/roo-inari/resources/js/lib/jquery.tokeninput.js"/>
<script type="text/javascript">
        $.noConflict();
//The tag is closed here
</script>
<link href="/roo-inari/resources/dijit/themes/tundra/tundra.css" type="text/css" rel="stylesheet">
...

知道可能导致这种情况的原因是什么？该项目基于spring roo生成的web mvc脚手架。我使用的是Chrome v.25。

Answer 1

简单的解决方案是在标记内写一条注释，使其不会自动关闭。傻傻的我

<script src="${jquery_url}" type="text/javascript"><!-- required for some browsers --></script>

1 个答案: