javascript - 从 Javascript 文件更改 JSP

标签 javascript jquery css jsp spring-mvc

我在 jsp 文件中设置了我的 css 样式。我添加了两个“链接”,现在我想通过其他文件(js 脚本)中的任何 jQuery 方法更改 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>

最佳答案

将 id 添加到您的 <link>标签如下:

<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);
});

关于javascript - 从 Javascript 文件更改 JSP,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31945058/

相关文章:

javascript - 名为 Columnizer 的 Jquery 插件在 IE 上无法正常运行

javascript - 如何在 Controller 之间共享来自其余服务的数据

javascript - jquery函数中的不同值

javascript - Jquery解析部分XML并将其保存在localstorage中

css - 使 html 内容牢不可破(一行)

css - 如何将 flag-icon-css 与 angular2/4 一起使用?

css - 尝试将类绑定(bind)到切换的 div 以实现 CSS 定位

Javascript onclick 事件可以显示但不能隐藏

javascript - 在相对路径上开 Jest

javascript - 我的 JavaScript 不会在没有警报的情况下运行