Я создал этот пример кода на основе реальной проблемы, с которой я столкнулся в приложении. У меня есть собственная процедура сортировки для сортировки массивов jQuery. Контейнер содержит список элементов со специальными атрибутами.
Для сортировки:
- Загружает все элементы в временном массиве
- Очищает контейнер
- Сортирует временный массив в новый массив
- Добавить отсортированные элементы в контейнер
Каким-то образом Firefox знает, как сортировать, а IE нет. Может кто-нибудь сказать мне, что не работает должным образом?
(вы можете скопировать и вставить HTML ниже в пустой файл .html, он должен работать немедленно)
<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>