腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >JQuery添加/删除类问题

问JQuery添加/删除类问题
EN

Stack Overflow用户

提问于 2013-08-21 10:20:04

回答 1查看 153关注 0票数 1

构建一个基于CSS类的简单Multilevel推送菜单，它没有javascript动画，并且在CSS转换/转换上运行。除了切换是开放的类外，它对每个部分都很好。

当用户单击链接时，应该首先删除..is open类。然后添加它，使动画激活。
如果我说在第二阶段将. it open类更改为.addClass("foo");，那么移除.it open类和添加.foo类没有问题。所以我想知道这部分代码有什么问题。

您可以在这里找到代码，http://jsbin.com/EjUQ/2/

在演示中，您会发现没有submenu的菜单没有加载任何内容。这是正确的行为。我遇到的问题是，我想在打开新菜单之前关闭菜单。因此，移除.is-open类，然后再次应用它。

e.g

链接1，4,7没有子菜单的，所以在click/touch上没有打开，点击菜单按钮会提示什么都不会发生。这是正确的行为。

链接2,3,5,6有子菜单，所以它打开点击/触摸和菜单按钮将切换菜单打开/关闭。

希望有人能告诉我我做错了什么。谢谢。

javascript

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-08-21 10:32:13

您应该利用过渡端事件。这样，在将“is-open”类添加回边栏和内容之前，您就可以听到动画要完成的内容。例如：

sidebar.one('transitionend', function() {
    sidebar.addClass("is-open");
    content.addClass("is-open");
});

现在，我所拥有的不是完美的，但我相信它传达了一个概念：http://jsbin.com/EjUQ/9

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18364903

复制

JavaScript和jQuery添加和删除class类名

网站

element.classList.remove("className") ：删除类名

德顺

2019/11/13

2.7K0

jquery validate动态添加/删除规则

jquery form input onclick rules

项目中用到了jquery vilidate插件来校验，使用中遇到点小波折，这里跟大家分享一下，希望大家少走一些弯路。很多使用手册里面都会提到最基本的validate()方法，这个在使用时一般不会出现问题，如果有些小伙伴不想输入完成后立即校验可以通过设置下面这几个属性：

johnhuster的分享

2022/03/28

1.9K0

jquery怎么添加类和移除类

html jquery javascript

本教程操作环境：windows7系统、jquery3.6.1版本、Dell G3电脑。

很酷的站长

2022/11/28

5.4K0

jQuery动态添加/删除元素及内容

html jquery javascript

添加新的 HTML 内容，四种方法：可根据上面的图片来区分四种方法插入元素的位置。

德顺

2019/11/12

7.1K0

jQuery实现动态添加和删除（点击按钮添加在页面添加和删除元素）

form 表单

1：点击添加按钮弹出弹框，form表单可以填写相关的信息 2：点击保存按钮，相关信息会显示在界面的列表里

王小婷

2019/02/26

7.4K0

原生JS添加Class类名删除类名

javascript

放在body和head其实差不多的，只不过是文档解析的时间不同。浏览器解析html是从上到下的。如果把javascript放在head里的话，则先被解析,但这时候body还没有解析，所以$(#btn)会返回空值。如果把javascript放在head里的话，一般都会绑定一个监听，当全部的html文档解析完之后，再执行代码：

用户1349575

2022/01/25

7.6K0

jQuery点击切换增加和删除class类

jquery class

$(".text").click(function () { if ($(this).parent().hasClass("select")) { $(this).parent().removeClass("select"); } else { $(this).parent().addClass("select");

明知山

2020/09/03

3.7K0

JavaScript 学习-37.jQuery 添加/删除/替换元素

网站 jquery 腾讯云测试服务

前言通过 jQuery，可以很容易地添加和删除元素。添加元素添加元素主要用到四个方法 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 append() 方法在被选元素的结尾插入内容（作为该元素子元素插入） <div id="demo"> <p class="text-info">hello world</p> <input type="text"

上海-悠悠

2022/06/01

1.7K0

入门 | jquery特效：上升、下降、删除、添加一行

jquery

此代码实现方法简洁，而且不会丢失（用JavaScript添加一行人工填入的Input值）input值。仅依赖JQuery，不依赖其它扩展。

疯狂的技术宅

2019/03/28

2.4K0

jquery 动态添加一行数据，支持动态删除

css html5

用户5640963

2019/07/25

2.7K0

js遍历添加栏目类添加css，再点击其它删除css

编程算法 css

很多网页设计都可能会用到js遍历去增加css类别，这篇文章主要介绍了js遍历添加栏目类添加cs，再点击其它删除css的实例代码，非常不错，具有一定的参考借鉴借鉴价值，原作者是谁已无从知晓，但是代码是有效的，有需要的朋友可以参考下。

李洋博客

2021/06/15

3.8K0

jquery 节点的删除

事件

detach()方法删除跟remove（）一样，在删除节点后，同样也可以赋值给变量再次使用。

坚毅的小解同志的前端社区

2022/11/28

1.7K0

QListWidget添加删除

qt和vc一样自由线程模式，线程间可以访问ui，但线程间访问qt内部封装问题，导致很多一样，可以使用信号和槽线程间传递数据，避免异常

sofu456

2020/08/11

1K0

jQuery - 添加元素

jquery html javascript

jQuery append() 方法在被选元素的结尾插入内容（仍然在该元素的内部）。

陈不成i

2021/07/22

2.6K0

jquery点击删除按钮,删除当前的div

编程博客前端事件

现在有多行div，共用一个删除事件，点击删除的时候，会把页面所有的div全都删掉了，但是我只需要点击哪一行div里面的删除按钮，就删除哪一行，其实很简单，只需要写一个this事件即可。

王小婷

2019/07/08

5.2K0

Fragment添加、删除、替换

android

前面一起学习了Fragment的创建和加载，以及其生命周期方法，那么接下来进一步来学习Fragment的具体使用，本期先来学习Fragment添加、删除、替换。一、概述在前面的学习中，特别是动态加载的时候，有提到FragmentManager和FragmentTransaction类，这里先来详细了解一下其到底为何物。 01FragmentManager 要管理Activity中的Fragments，就需要使用FragmentManager类。通过getFragmentMana

分享达人秀

2018/02/05

11.5K0

jquery实现表格动态添加

php 数据库 sql

//点击追加触发 $(function(){ $("#button").click(function(){ var div_ = $("#sel").val(); var context = $("#context").val(); append(div_,context); //$("#tab tr:not(:first)").remove(); //$("#tab tbody").empty(); $("#tab tbody").remove(); query(); }); }); //点击查询全部触发 $(function(){ $("#but").click(function(){ $("#tab tbody").remove(); //$("#tab tr:not(:first)").remove(); //$("#tab tbody").empty(); query(); }); }); //点击模糊查询触发 $(function(){ $("#query").click(function(){ var context = $("#context").val(); alert("您输入的内容为："+context); $("#tab tr:not(:first)").empty(); //$("table tbody").remove(); queryByContext(); }); }); //删除事件 function del(id){ var url = "testController/delModel"; $.ajax({ type: 'POST', url: url, data:{id: id}, dataType: 'json', success: function(data){ alert("数据库删除成功"); $("#tab tr:not(:first)").empty(); query(); }}); }; //编辑事件 function upd(id){ var url = ""; $.ajax({ type: 'POST', url: url, data:{id: id}, dataType: 'json', success: function(data){ alert("数据库编辑成功"); $("#tab tr:not(:first)").empty(); query(); }}); } //添加方法 function append(div_,context){ $("#"+div_).append("<tr><td>"+ div_ +"</td>"+"<td>"+context+"</td></tr>"); $.get("testController/addModel",{div_id: div_, context: context }).done(function( data ) { alert("添加到数据库成功"); }); }; //模糊查询方法 function queryByContext(){ var url = "testController/queryAllDataByContext"; $.ajax({ type: 'POST', url: url, data:{context:$("#context").val()}, dataType: 'json', success: function(data){ alert("数据库查询成功"); console.log(data); for(var i=0;i<data.length;i++){ var id = data[i].id; var divId = data[i].divId; var context = data[i].context; var dtt = data[i].dtt; //alert(id); $("#tab thead").append("<tr><td>"+id+"</td>"+"<td>"+divId+"</td>"+"<td>"+context+"</td>"+"<td>"+dtt+"</td>"+"<td><a class='del'onclick='del("+id+")'>删除</a></td></tr>"); } }, error:function(){ alert("数据库查询失败"); } }); }; //查询全部方法 function query(){ var url = "testController/queryAllData"; $.ajax({ type: 'POST', url: url, dataType: 'json', success: function(data){ alert("查询成功"); con

yaohong

2019/09/11

3.3K0

盘点Vector类向量中添加和删除元素常用方法

网站编程算法

1.在c和c++中的动态数组一般是用指针来实现的，Vector类是实现List接口，java提供了很多的类库来方便开发人员来使用，Vector类是其中之一。Vector类是实现动态数组的功能，主要是用在不知道数组的大小，在开发常用查找、插入、删除的工作的情况。

Java进阶者

2021/07/23

1K0

解决cpp添加QObject派生类的问题

c#qt 面向对象编程打包

一般我们继承QObject类在头文件中添加，但是有时候需要在源文件中添加。这样就会不可避免地出现编译错误。那么我们该究竟怎么解决它呢？问题重现执行下列源码会报以下错误: error: undefined reference to `vtable for Object' 错误: 未定义引用'Object'的虚函数表问题源码： /* main.cpp */ #include <QCoreApplication> class Object : public QObject { Q_OBJECT p

Qt君

2019/07/15

1.8K0

mysql 查看索引、添加索引、删除索引命令添加索引删除索引

其他

· Table 表的名称。 · Non_unique 如果索引不能包括重复词，则为0。如果可以，则为1。 · Key_name 索引的名称。 · Seq_in_index 索引中的列序列号，从1开始。 · Column_name 列名称。 · Collation 列以什么方式存储在索引中。在MySQL中，有值‘A’（升序）或NULL（无分类）。 · Cardinality 索引中唯一值的数目的估计值。通过运行ANALYZE TABLE或myisamchk -a可以更新。基数根据被存储为整数的统计数据来计数，所以即使对于小型表，该值也没有必要是精确的。基数越大，当进行联合时，MySQL使用该索引的机会就越大。 · Sub_part 如果列只是被部分地编入索引，则为被编入索引的字符的数目。如果整列被编入索引，则为NULL。 · Packed 指示关键字如何被压缩。如果没有被压缩，则为NULL。 · Null 如果列含有NULL，则含有YES。如果没有，则该列含有NO。 · Index_type 用过的索引方法（BTREE, FULLTEXT, HASH, RTREE）。 · Comment

一个会写诗的程序员

2018/08/17

3.5K0

相似问题

添加和删除类问题JQuery

mouseover() mouseout() jQuery添加/删除类问题

JQuery活动切换/添加/删除类问题

在jquery中添加/删除类的问题

Jquery删除类问题

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问JQuery添加/删除类问题
EN