Rappel de plugin jQuery

Question

ok, donc ce que j'essaie de faire est un plugin qui retourne un tableau jquery à utiliser dans une fonction de rappel.

disons que j'ai ce code``

(function($){ 
$.fn.extend({ 
    //plugin name 
    myPlugin : function(needed){ 

     var defaults = { 
      path : 'action.php', 
      source : '' 
     } 
     var needed = $.extend(defaults,needed); 

     //return 
     return this.each(function(){ 
      //it loads some pictures 
      $('#selector').load(needed.path,{'src':nedeed.source}) 

     }); 
    } 
}); 

}) (jQuery); Je veux retourner ces images et y avoir accès dans une fonction de rappel. quelque chose comme ça

$('#another_selector').click(function(){ 
     $(this).myPlugin({'source':'path/...etc'},function(){ 
       $('img').click(function(){ 
         $(this).remove(); 
}); 
}); 
    }); 

grâce

Answer 1

(function($){ 
    $.fn.extend({ 
    //plugin name 
    myPlugin : function(needed,callback){ 

      var defaults = { 
        path : 'action.php', 
        source : '' 
      } 
      var needed = $.extend(defaults,needed); 

      //return 
      return this.each(function(){ 
        //it loads some pictures 
        $('#selector').load(needed.path,{'src':nedeed.source},callback) 

      }); 
    } 
}); 

et wheni appeler le plugin je l'appelle comme ceci:

$('#another_selector').click(function(){ 
    $(this).myPlugin({'source':'path/...etc'},function(){ 
      $('img').click(function(){ 
        $(this).remove(); 
}); 
}); 
    }); 

qui fonctionnent après les options représente le rappel

Answer 2

Je vois ce que vous essayez de faire. Si c'est tout ce que vous faites, vous pourriez envisager d'ajouter un écouteur d'événement live à votre plugin.

Essayez ceci:

(function($){ 
    $.fn.extend({ 
     //plugin name 
     myPlugin : function(needed){ 
       // New 
       $('img').live('click',function() { 
        $(this).remove(); 
       }); 
       // end new 
       var defaults = { 
         path : 'action.php', 
         source : '' 
       } 
       var needed = $.extend(defaults,needed); 

       //return 
       return this.each(function(){ 
         //it loads some pictures 
         $('#selector').load(needed.path,{'src':nedeed.source}) 

       }); 
     } 
    }); 
})(jQuery); 

Avec cette technique, tous img ce, peu importe quand ils sont ajoutés au DOM seront masqués lorsque vous cliquez dessus. C'est ... après l'appel du plugin, bien sûr.