jQuery 메서드 'hasClass'는 FF에서는 제대로 작동하지만 크롬에서는 작동하지 않습니다.

Question

저는 기초 프레임 워크로 작업 중이며 궤도 슬라이더를 사용하여 슬라이드 쇼의 실제 표시된 슬라이드 인덱스를 가져 오는 방법을 만들었습니다. Firefox에서는 모든 것이 올바르게 작동하고 함수는 올바른 실제 슬라이드 인덱스를 반환하지만 Chrome에서는 요청 된 요소가 HTML 코드에 포함되어 있지만 '-1'을 반환합니다. 그렇지 외부 함수에서, each에 전달 내부 콜백에서

// function for getting the actual slide index of a slide show 
function getActualSlideIndex(){ 
    $counter = 0; 
     $('#featured1 > li').each(function(){ 
      console.log($(this)); 
      if ($(this).hasClass('active')){ 
       return $counter; 
      } 
      $counter++; 
     }); 
    return -1; 
} 

Answer 1

그것은

function getActualSlideIndex() { 
    var index = $('#featured1 > li.active').index(); 
    return index == -1 ? -1 : index + 1; 
} 

데모로 단순화 할 수있다 : 당신은 아마이 원하는 Fiddle

Answer 2

귀하의 return $counter 돌아갑니다.

// function for getting the actual slide index of a slide show 
function getActualSlideIndex(){ 
     $counter = 0; 
     $('#featured1 > li').each(function(){ 
      if ($(this).hasClass('active')){ 
       return false; 
      } 
      $counter++; 
     }); 
     return $counter || -1; 
}