Событие $(document).ready
не срабатывает при ajax-запросах.
Возможный вариант решения:
- Выделить тело функции
$(document).ready
в отдельную функцию
(назовем ее, например, formatNumbers
). Это необходимо для того,
чтобы функцию можно было вызвать как из события $(document).ready,
так и из события окончания ajax-операции:
function formatNumbers() {
// no decimal places (default)
$('.abbr-number').abbrNum();
// decimal places as attribute
$('.abbr-number-attr').abbrNum();
// decimal places as option
$('.abbr-number-opt').abbrNum({
decPlaces: 2
});
};
$(document).ready(function() {
formatNumbers();
});
- Далее потребуется модификация процедур, отвечающих за аякс-загрузку данных.
Так как в JQuery существует несколько вариантов аякс-загрузки данных, однозначно ответить на вопрос, как именно требуется вносить правку, сложно.
Если, к примеру, загрузка происходит через реализацию, аналогичной следующей:
$.ajax({
url: "....",
})
.done(function(msg) {
});
то для реализации вашей задачи в событие done
нужно добавьте вызов formatNumbers
:
$.ajax({
url: "....",
})
.done(function( msg ) {
formatNumbers(); // Вызываем функцию по окончании ajax-загрузки данных
});
Альтернативный вариант — подписка на глобальное событие выполнения всех (в пределах сайта) аякс-запросов.
Этот вариант можно использовать только в крайнем случае (например, если по какой-либо причине вмешательство в скрипты невозможно и сами скрипты не предоставляют интерфейсы работы с аякс-событиями), так как этот вариант, без дополнительной адаптации, может внести нежелательные изменения в логику работы всего сайта:
$(document).ajaxSuccess(function() {
formatNumbers();
});