jQuery方法'hasClass'在FF中正常工作，但不在鉻中

Question

我正在使用基礎框架並使用軌道滑塊，我創建了一種獲取幻燈片放映的實際顯示幻燈片索引的方法。在Firefox中，一切正常，函數返回正確的實際幻燈片索引，但在Chrome中返回'-1'，儘管HTML代碼包含了所請求的元素。

// 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從您傳遞給each，而不是從外部函數內部回調的回報。你可能希望這樣的：

// 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; 
}