Ich habe diesen Beispielcode auf der Grundlage eines echten Problems erstellt, das ich in einer Anwendung habe. Ich habe eine benutzerdefinierte Sortierprozedur, um jQuery-Arrays zu sortieren. Ein Container enthält eine Liste von Elementen mit speziellen Attributen.
Zum Sortieren:
- Lädt alle Elemente im Array temp
- Leert den Container
- Sortiert das temporäre Array in ein neues Array
- Sortierte Elemente an den Container anhängen
Irgendwie weiß Firefox, wie man sortiert, aber der IE nicht. Kann mir jemand sagen, was nicht richtig funktioniert?
(Sie können die nachstehende HTML-Datei in eine leere .html-Datei kopieren, sie sollte sofort funktionieren)
<html>
<head>
<script type="text/javascript"
src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
jQuery.fn.sort = function() {
return this.pushStack( [].sort.apply( this, arguments ), []);
}
function DoTheSort() {
//Fetch elements in jQueryElement
var sortableArray = $('#sortables').find('div.sortable');
//Clear the sortables container
$('#sortables').empty();
//Sort the array
var sortedArray = $(sortableArray).sort(sortProcedure);
//Append sorted items
jQuery.each(sortedArray, function() {
alert($(this).attr("sortvalue"));
$('#sortables').append(this);
});
}
function sortProcedure(a, b) {
var value1 = parseInt($(a).attr("sortvalue"));
var value2 = parseInt($(b).attr("sortvalue"));
return value1 > value2;
}
</script>
</head>
<body>
<a href="javascript:DoTheSort();">Sort</a>
<div id="sortables">
<div class="sortable" sortvalue="5">5</div>
<div class="sortable" sortvalue="1">1</div>
<div class="sortable" sortvalue="4">4</div>
<div class="sortable" sortvalue="1">1</div>
<div class="sortable" sortvalue="2">2</div>
<div class="sortable" sortvalue="9">9</div>
<div class="sortable" sortvalue="3">3</div>
</div>
</body>
</html>
