Comment Bind cas de charge pour l'image en jquery mobile

Question

J'ai un site Web mobile en cours d'exécution jQuery Mobile 1.0a2 et je teste actuellement dans Safari Mobile pour Firmware 4.1 via le simulateur iPhone.

Je ne peux pas sembler se lier à l'événement de chargement d'une image.

J'ai une simple galerie de vignettes et d'une grande image. Lorsque vous cliquez sur une vignette, il change l'attribut src du principal img

Les js pour qui utilise la méthode de live('click' pour lier et cela fonctionne très bien.

$('.gallery-navigation img').live('click',function() {
  // change source of main image to new
  $.mobile.pageLoading(); // show jquerymobile loading message
});

Mon problème est que je dois commentaires sur ce clic, donc je voulais montrer un message de chargement (fourni par jquery mobile), puis cacher une fois les charges d'image.

Où #gallery_image_large est la <img> réelle où le src est en train de changer, j'ai essayé ce qui suit:

$("#gallery_image_large").bind("load", function () {
   $.mobile.pageLoading(true); // hide jquerymobile loading message
});

Cela fonctionne dans Safari sur mon ordinateur de bureau, mais ne fonctionne pas dans l'iPhone Simulator mentionné ci-dessus.

Pour référence:

• jQuery Chargement Mobile Message Méthodes

Mise à jour: Je suis expérimente JQuery charge d'image échoue sur simulateur MobiOne iPhone , qui explique comment implémenter la .load manuellement par « vérification .complete ».

Answer 1

J'ai changé la structure de mon jquery et il semblait avoir fixé!

$('#gallery_image_large').one('load',function() {
    try { // a grade  
        $.mobile.pageLoading(true);
    } catch(err) { // low grade

    }
}).attr('src',full_src);

(comme vous pouvez le voir, j'opt'd pour try { .. } catch { .. } de vérifier est disponible jquery mobile.

Bien que je n'ai pas utilisé la solution (directement) de JQuery charge d'image échoue sur simulateur iPhone MobiOne , la mise à feu manuelle de load via .complete est probablement une bonne solution pour tout le monde là-bas!