sortowanie nie działa w jquery

Question

Robię sortowanie na div, ale nie mogę wykonać sortowania. Używam jQuery.fn.sortElements. poniżej jest html.

<div id="sortList"> 
    <div class="list" style="display: block;"> 
     <a onclick="openInfoWindow("10"); return false;" href="#"></a> 
     <div class="imgClass"> 
      <a onclick="openInfoWindow("10"); return false;" href="#"> 
      <img class="innerImg" alt="" src="img"> 
      </a> 
     </div> 
     <div class="inner"> 
      <div class="name">edata</div> 
     </div> 
    </div> 

    <div class="list" style="display: block;"> 
     <a onclick="openInfoWindow("10"); return false;" href="#"></a> 
     <div class="imgClass"> 
      <a onclick="openInfoWindow("10"); return false;" href="#"> 
      <img class="innerImg" alt="" src="img"> 
      </a> 
     </div> 
     <div class="inner"> 
      <div class="name">fdata</div> 
     </div> 
    </div> 

    <div class="list" style="display: block;"> 
     <a onclick="openInfoWindow("10"); return false;" href="#"></a> 
     <div class="imgClass"> 
      <a onclick="openInfoWindow("10"); return false;" href="#"> 
      <img class="innerImg" alt="" src="img"> 
      </a> 
     </div> 
     <div class="inner"> 
      <div class="name">cdata</div> 
     </div> 
    </div> 
</div> 

Poniżej znajduje się kod jquery, umieściłem alert, aby zobaczyć wynik, ale nic się nie dzieje.

$('.sortList').sortElements(function(a, b){ 
       alert($(a).find(".list").children(".inner").find(".name").text().toLowerCase())     
        return $(a).find(".list").children(".inner").find(".name").text().toLowerCase() > $(a).find(".list").children(".inner").find(".name").text().toLowerCase() ? 1 : -1; 
       }); 

Każda pomoc jest bardzo cenione

Answer 1

Spróbuj tego:

$('#sortList .list').sortElements(function(a, b){ 
     return $(a).children(".inner").find(".name").text().toLowerCase() > $(b).children(".inner").find(".name").text().toLowerCase() ? 1 : -1; 
}); 

Zobacz Fiddle

Answer 2

Było kilka problemów.

• $ (”sortList ") powinno być $ (" # so rtList ")," # "szuka identyfikatora z" sortList "i". " szuka klas z "sortList"
• musisz wywołać sortElements na liście elementów nie kontenera więc $ (". sortList"). sortElements powinny być $ ("# sortList"). children (".list") .sortElements
• w instrukcji return funkcji porównania musisz porównać a i b, a nie z
• również w oświadczeniu zwrotnym nie musisz szukać ".list", możesz iść prosto do '.inner'

proszę zobaczyć JSFiddle: http://jsfiddle.net/qwmq61o5/1/

$('#sortList').children(".list").sortElements(function(a, b) { 
    return $(a).children(".inner").find(".name").text().toLowerCase() > $(b).children(".inner").find(".name").text().toLowerCase() ? 1 : -1; 
});