Événement onclick sur l'élément d'image dans fire fox os

Question

 function listContents(storagename) { 

     alert("inside function"); 
     //Clear up the list first 
      $('#results').html(""); 
      var files = navigator.getDeviceStorage(storagename); 

      var cursor = files.enumerate(); 

      cursor.onsuccess = function() { 
       //alert("Got something"); 
       var file = this.result; 
       if (file != null) { 
     var imageElement = $('<img height="100" width="75">'); 
       imageElement.attr('src', window.URL.createObjectURL(file)); 
       var tagvalue= $("<p>" + file.name + "," + file.lastModifiedDate + "," + file.type + "," + file.size + "</p>").appendTo('#results'); 
       imageElement.appendTo("#results"); 
       this.done = false; 
       } 
       else { 
       this.done = true; 
       } 

       if (!this.done) { 
       this.continue(); 
       } 
      } 
} 

imageElement.onclick = function() { 
console.log('onclick function!'); 
//alert('blah'); 
} 

Je récupère la liste de fichiers audio de SDCard dans Firefox OS. Maintenant, je veux télécharger ce fichier sur le serveur donc pour cela quand je fais onclick sur l'élément d'image, je suis capable de faire n'importe quel événement, donc j'essaie d'afficher la boîte d'alerte, mais ça ne fonctionne pas.

Answer 1

Dans votre sniplet imageElement n'est pas visible en dehors de la fonction listContents, vous devez enregistrer le gestionnaire onclick d'une autre manière, en liant.

$('#results > img').on('click', function() { 
    console.log('onclick function!'); 
    //alert('blah'); 
}); 

Ou enregistrez-le à l'intérieur de la fonction listContents.

Deuxièmement, si vous utilisez jQuery, de s'y tenir, utilisez click(), on() méthodes, au lieu ordinaire des événements javascript (onclick dans votre exemple)

En tant que conseil: au contenu élément propre utilisez la fonction vide, comme ceci:

$('#results').empty();