javascript – 从所有其他列表项中删除类
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 从所有其他列表项中删除类,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1517字,纯文字阅读大概需要3分钟。
内容图文
![javascript – 从所有其他列表项中删除类](/upload/InfoBanner/zyjiaocheng/775/2d27c29fa599495eb9691082d9998db1.jpg)
我已经得到了其他人的帮助,但是他们的回复有点过于宽泛而无法帮助我……当谈到javascript时我是个新手,所以我无法完全理解他们的答案(以及一切我在过去3天尝试过没有用过.)工作网站在这里:http://www.studioimbrue.com/beta问题是,使用缩略图,一旦点击它就会正确添加.selected类,但是当点击另一个时,它无法剥离来自任何其他缩略图的.selected类.如果你能纠正我所拥有的令人惊奇的代码,如果你想解释我的错误,那么就去吧!
$(document).ready(function(){
var activeOpacity = 1.0,
inactiveOpacity = 0.6,
fadeTime = 100,
clickedClass = "selected",
thumbs = "#list li";
$(thumbs).fadeTo(1, inactiveOpacity);
$(thumbs).hover(
function(){
$(this).fadeTo(fadeTime, activeOpacity);
},
function(){
// Only fade out if the user hasn't clicked the thumb
if(!$(this).hasClass(clickedClass)) {
$(this).fadeTo(fadeTime, inactiveOpacity);
}
});
$(thumbs).click(function() {
// Remove selected class from any elements other than this
var previous = $(thumbs+'.'+clickedClass).eq();
var clicked = $(this);
if(clicked !== previous) {
previous.removeClass(clickedClass);
}
clicked.addClass(clickedClass).fadeTo(fadeTime, activeOpacity);
});
});
解决方法:
我认为这很简单:
$(thumbs).click(function() {
var li = $(this);
var alreadySelected = li.hasClass('selected');
// Remove selected class from any elements other than this
$('#list li').removeClass(clickedClass).fadeTo(fadeTime, inactiveOpacity);
li.addClass(clickedClass).fadeTo(((alreadySelected) ? 0 : fadeTime), activeOpacity);
});
您不需要计算已经拥有该类的项目,只需将其从所有项目中删除,然后将其重新添加到已单击的项目中.
编辑:这应该删除闪烁.
内容总结
以上是互联网集市为您收集整理的javascript – 从所有其他列表项中删除类全部内容,希望文章能够帮你解决javascript – 从所有其他列表项中删除类所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。