查找单击时未添加类的元素

时间:2014-06-07 15:50:37

标签: javascript jquery html css hover

我正在列表索引中加载页面,就像eq(1)加载此页面的eq(2)加载该页面一样,每个页面都有类“.pages i”&不同的页面有不同长度的“i”,在“i”元素上悬停我添加一个类“.hovered”。所以我想检查点击,如果用户没有悬停任何“i”元素,那么只要在“i”索引上添加一个类“.invalid”如果所有“i”元素都有类.hovered然后加载页面。

目前它正常工作,如果我没有悬停所有“i”元素它添加.invalid类所有“我”没有.hovered类但但后来我发现了一个错误,如果我徘徊任何“我“元素不会留在其他”我“悬停&单击以加载其他页面不起作用不在剩余的“i”元素上添加“.invalid”类,而不是悬停。我还使用过.not函数,它也起作用:现在不工作。

以下是点击时执行的脚本:

$("span.file").eq(1).click(function(){
    var iIndex = $(".pages i").length;
    var hoverIndex = $(".hovered").length;  

    if(!$(".pages i").hasClass('hovered')){
        $(".pages i:not(.hovered)").addClass('invalid');
    }
    else{
        if(iIndex == hoverIndex){
          lifeStream();
          setTimeout(function(){
          $(".main1st").load("projects/projects.php");},1600);                                
        }
    }
}); 

0 个答案:

没有答案