PrototipBir "..." bu resim kodu: . yükleme gösterebilirim

var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, 
onLoading: showLoad, onComplete: showResponse} );

function showLoad () {
    ...
}

bir WordPress kullanmakBen bununla: bir unsuru haline sunucusu, bir sayfa yükleyin

$('#message').load('index.php?pg=ajaxFlashcard');

ama ne kadar Prototip olarak yaptım bu komut için bir yükleme spinner takabilirim?

Birkaç yolu vardır. Benim tercih edilen yol unsur kendisini ajaxStart/Stop olaylar için bir işlev eklemek.

$('#loadingDiv')
    .hide()  // Hide it initially
    .ajaxStart(function() {
        $(this).show();
    })
    .ajaxStop(function() {
        $(this).hide();
    })
;

Durdurma fonksiyonları/ajaxStart herhangi bir Ajax çağrıları yapmak zaman ateş edecek.

Güncelleme: JQuery 1.8, belgeleri .ajaxStart/Stop document bağlı olması gerektiğini ifade eder. Bu yukarıdaki kod dönüştürme:

var $loading = $('#loadingDiv').hide();
$(document)
  .ajaxStart(function () {
    $loading.show();
  })
  .ajaxStop(function () {
    $loading.hide();
  });