Sto facendo un ordinamento su div, ma non riesco a eseguire un ordinamento. Sto usando jQuery.fn.sortElements. di seguito è l'html.non funziona in jquery
<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>
Di seguito si riporta il codice jQuery, ho posto un avviso per vedere il risultato, ma non succede nulla.
$('.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;
});
Qualsiasi aiuto è molto apprezzato
Il selettore ".sortList" trova ogni elemento con la classe sortList, tuttavia non ci sono elementi con quella classe. – Eterm
Penso che dovresti chiamare la funzione sortElements sugli Elementi che vuoi ordinare e non il loro contenitore ... $ ('. SortList'). Children ('. List'). SortElements (function (a, b) –
non ho una classe chiamata sortList ma e id – bmscomp