javascript - 在页面加载问题上使用 javascript 删除和添加类
问题描述
当我使用 javascript 添加或删除一个类然后重新加载页面..
它行不通
我尝试了这段代码,并将其放入在标题上
<script>
$(document).ready(function() {
$('.boxAdRight').removeClass('boxAdRight').addClass('active');
});
</script>
这是我的 HTML我想删除类boxAdRight并用.active类更改它
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane fade in active" id="data">
<div class="getData">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="servers">
<ul>
<li class="active"
id="s_0"onclick="getServer(this.id,0);">
<i class="fa fa-video-camera"></i> server1
</li>
</ul>
</div>
</div>
<div class="col-md-3 col-sm-4 col-xs-12 fRight">
<div class="episodes boxAdRight">
<h2>episodes</h2>
<ul>
<li>
<a href="http://localhost/wordpress/newarticle13/"> episode 1</a>
</li>
<li class="active"><a href="http://localhost/wordpress/newarticle13/"> episode 2</a>
</li>
</ul>
</div>
</div>
<div class="col-md-9 col-sm-8 col-xs-12 fRight">
<div class="boxVideos">
<div class="getCode"><iframe src="https://*******" scrolling="no" frameborder="0" width="700" height="430" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
谢谢你
解决方案
作为第一个观察,我想提一下 JQuery 的 removeClass 函数返回一个或多个空格分隔的类名,这些类名应该被删除。因此,您不应将 addClass 应用于 removeClass 的结果。
不过,您的代码中可能还有其他问题......
推荐阅读
- java - Hibernate 无法提取 ResultSet。列名无效
- c++ - C++ 联合花括号初始化程序:“错误:预期的成员名称或';' 在声明说明符之后”
- python - 为什么 ThreadPool 会导致超过一个核心的 CPU 使用率?
- xcode - 如何获取文本以显示科普特日历日期 SwiftUI
- python - 单击带有 Tkinter 的按钮时,我无法打开文件对话框
- c - 强制 ANTLR(版本 3)匹配词法分析器规则
- java - 服务开启时如何在客户端指定gRPC服务器地址目标
- php - 为什么通过在帖子内容中设置视频来在前端使用 wp_trim_words 显示视频的链接?
- android - 如何使用带有片段的视图模型+房间?
- python - 实时高通滤波器