从Javascript文件

时间:2015-08-11 14:49:17

标签: javascript jquery css jsp spring-mvc

我在jsp文件中设置了我的CSS样式。我添加了两个"一个链接"现在我想通过任何jQuery方法从其他文件(js脚本)更改 spring:theme

问题:如何为我的"链接"写函数onClick()从不同的文件中更改 spring:theme

JSP文件

<head>
<c:choose>
<c:when test="">
</c:when>
<c:otherwise>
    <spring:theme code="standard.default.css.file" var="defaultCssFile" />
    <link type="text/css" rel="stylesheet"
        href="<c:url value="${defaultCssFile}" />" />
</c:otherwise>
</c:choose>
</head>



<div id="changeWrapper">
 <ul>
  <li><a href="#" class="change ch1" data-change2="firstCSS">a</a></li>
  <li><a href="#" class="change ch2" data-change2="secondCSS">b</a></li>
 </ul>
</div>

1 个答案:

答案 0 :(得分:1)

在您的<link>标记中添加ID,如下所示:

<link type="text/css" rel="stylesheet" id="myId"
    href="<c:url value="${defaultCssFile}" />" />

通过使用id属性,我们可以动态更改<link>的css文件。

尝试以下方法:

$('#changeWrapper').on('click', '.change', function() {
    var obj = $(this), cssfile = obj.data('change2');
    $('#myId').attr('href', cssfile);
});