Class 无法获取.not()类选择器来处理此问题
正如您所看到的,我是jquery新手,我正在尝试做一个简单的效果,您可以使用菜单链接过滤库,我希望悬停时不透明度改变,单击时需要悬停以停止工作。 我尝试的是在单击时添加一个“.disabled”类,它会添加到我的菜单链接中, 将hover函数设置为aClass 无法获取.not()类选择器来处理此问题,class,jquery-selectors,Class,Jquery Selectors,正如您所看到的,我是jquery新手,我正在尝试做一个简单的效果,您可以使用菜单链接过滤库,我希望悬停时不透明度改变,单击时需要悬停以停止工作。 我尝试的是在单击时添加一个“.disabled”类,它会添加到我的菜单链接中, 将hover函数设置为a。not(“disabled”),但很明显,hover在dom就绪后没有检查类,如何解决这个问题?关于如何优化此函数的任何其他指针都会有所帮助。 提前谢谢。 克拉齐德 这是我的密码: $('#menu-item-43 a ,#menu-item-44
。not(“disabled”)
,但很明显,hover在dom就绪后没有检查类,如何解决这个问题?关于如何优化此函数的任何其他指针都会有所帮助。
提前谢谢。
克拉齐德
这是我的密码:
$('#menu-item-43 a ,#menu-item-44 a, #menu-item-42 a, #menu-item-64 a').click(function() {
$('#menu-item-43 a ,#menu-item-44 a, #menu-item-42 a, #menu-item-64 a').addClass('disabled');
});
$('#menu-item-42 a').click(function() {
$('.exhibition, .prototyping').stop().animate({ opacity: 0.0 }, 500);
});
$('#menu-item-42 a').click(function() {
$('.design').stop().animate({ opacity: 1.0 }, 500);
});
$('#menu-item-43 a').click(function() {
$('.design, .prototyping').stop().animate({ opacity: 0.0 }, 500);
});
$('#menu-item-43 a').click(function() {
$('.exhibition').stop().animate({ opacity: 1.0 }, 500);
});
$('#menu-item-44 a').click(function() {
$('.design, .exhibition').stop().animate({ opacity: 0.0 }, 500);
});
$('#menu-item-44 a').click(function() {
$('.prototyping').stop().animate({ opacity: 1.0 }, 500);
});
$('#menu-item-64 a').click(function() {
$('.design, .exhibition, .prototyping').stop().animate({ opacity: 1.0 }, 500);
});
$('#menu-item-42 a').not('.disabled').hover(function() {
$('.exhibition, .prototyping').stop().animate({ opacity: 0.0 }, 500);
});
$('#menu-item-42 a').not('.disabled').hover(function() {
$('.design').stop().animate({ opacity: 1.0 }, 500);
});
$('#menu-item-43 a').not('.disabled').hover(function() {
$('.design, .prototyping').stop().animate({ opacity: 0.0 }, 500);
});
$('#menu-item-43 a').not('.disabled').hover(function() {
$('.exhibition').stop().animate({ opacity: 1.0 }, 500);
});
$('#menu-item-44 a').not('.disabled').hover(function() {
$('.design, .exhibition').stop().animate({ opacity: 0.0 }, 500);
});
$('#menu-item-44 a').not('.disabled').hover(function() {
$('.prototyping').stop().animate({ opacity: 1.0 }, 500);
});
$('#menu-item-64 a').not('.disabled').hover(function() {
$('.design, .exhibition, .prototyping').stop().animate({ opacity: 1.0 }, 500);
});
我想你应该这样做
$('#menu-item-43 a').hover(function() {
if (!$(this).hasClass('disabled'))
$('.exhibition').stop().animate({ opacity: 1.0 }, 500);
});
谢谢崔恩!正是在我需要的时候工作,学到了越来越多:)