WordPress AJAX нумерация страниц - PullRequest
Новая
       4

WordPress AJAX нумерация страниц

2 голосов
/ 02 декабря 2010

Я использую этот фрагмент кода, который я нашел из учебника, чтобы включить нумерацию страниц Ajax на моем WordPress-сайте. Все это работает найти, но я хотел бы немного улучшить его.

В тот момент, когда вы нажимаете кнопку следующей страницы, возникает небольшая пауза, когда ничего не происходит. Я хотел бы отобразить одно из изображений типа «ожидание», подобное этому (http://www.costacruises.co.uk/B2C/Images/Skin/Default/gfx/ico_waiting.gif), но не уверен, как бы я это сделал.

Вот код, который я использую. 

jQuery('#postPagination a').live('click', function(e){
    e.preventDefault();
    var link = jQuery(this).attr('href');
    jQuery('#content-inner').fadeOut(500).load(link + ' #content-inner', function(){ jQuery('#content-inner').fadeIn(500); });
});

Спасибо

1 Ответ

1 голос
/ 04 декабря 2010

Вам необходимо создать элемент «loading», правильно расположить его с помощью CSS и настроить отображение: нет.Функции jQuery fadeOut и fadeIn поддерживают спецификацию обратных вызовов, поэтому вы должны изменить приведенный выше код на что-то вроде этого 

jQuery('#postPagination a').live('click', function(e){
    e.preventDefault();
    var link = jQuery(this).attr('href');
    jQuery('#content-inner').fadeOut(500, function(){
            jQuery("#spinner").show();
    }).load(link + ' #content-inner', function(){ jQuery('#content-inner').fadeIn(500, function(){
            jQuery("#spinner").hide();
    }); });
});

, изменив "#spinner" на id или класс вашего загрузочного элемента.

...