jQuery find() fonctionne dans IE, mais pas Chrome ou Firefox

Question

Je suis en train de configurer textExtraction pour le contrôle de plugins jQuery plugins (ce qui est probablement hors de propos) et le tri fonctionne dans IE, mais pas Chrome ou Firefox. Voici un extrait du code JavaScript:

var searchResultsTables = $("table.FilterClass"); 

    searchResultsTables.tablesorter({ 
     widgets: ['zebra'], 
     widgetZebra: { css: ["Odd", "Even"] }, 
     headers: 
     { 
      3: { textExtraction: function (node) 
      { 
       return $(node).find("img").length; 
      } 
      }, 
      4: { sorter: false } 
     } 
    } 
    ); 

nœud est le <td> (je crois). Certaines cellules ont une image en eux et d'autres pas. Donc, fondamentalement, cette colonne devrait trier en fonction de 0/1. Toutes les autres colonnes trient très bien (à l'exception de la 5ème colonne, qui, comme vous pouvez le voir, est configurée pour ne pas être triable).

Voici un peu de html sur lequel le tri est action (2 lignes):

<table class="SearchResultsTable FilterClass tablesorter"> 
    <tr class="Odd"> 
     <td class="SearchResultsCell RightBrownBorder NameCell"> 
     <a href="/Candidate/2">Bill Clinton</a></td> 
     <td class="SearchResultsCell RightBrownBorder PartyCell">Democrat</td> 
     <td class="SearchResultsCell RightBrownBorder DistrictCell"></td> 
     <td class="SearchResultsCell RightBrownBorder IncumbentCell"> 
      <img src="/Images/green_check_mark.gif" /> 
     </td> 
     <td class="SearchResultsCell PoliticalSpectrumIndexCell"></td> 
    </tr> 
    <tr class="Even"> 
     <td class="SearchResultsCell RightBrownBorder NameCell"> 
     <a href="/Candidate/13">Newt Gingrich</a></td> 
     <td class="SearchResultsCell RightBrownBorder PartyCell" title="Party for Socialism and Liberation">Party for...</td> 
     <td class="SearchResultsCell RightBrownBorder DistrictCell"></td> 
     <td class="SearchResultsCell RightBrownBorder IncumbentCell"></td> 
     <td class="SearchResultsCell PoliticalSpectrumIndexCell"></td> 
    </tr> 

Toutes les idées pourquoi cela ne fonctionnerait pas dans Chrome ou Firefox?

Answer 1

Je ne pense pas que vous pouvez mettre une fonction texteextraction dans l'option d'en-tête.

Quand je codé un exemple comme la vôtre, j'ai eu cela, et cela a fonctionné:

var searchResultsTables = $("table.FilterClass");   

searchResultsTables.tablesorter({   
    widgets: ['zebra'],   
    widgetZebra: { css: ["Odd", "Even"] }, 
    textExtraction: function (node)    
     {  
      if (node.cellIndex == 3) 
      { 
       return $(node).find("img").length; 
      } 
      else 
      { 
       return node.innerHTML 
      }   
     } 
    headers:   
    {       
     4: { sorter: false } 
    }  
});