Come chiamare la funzione nel plugin jquery?

Question

(function($) { 
    $.fn.top_islides = function(){ 
     var ajax_init = function(){ 
      init_islides(); 
      setTimeout(function(){picmove()},300); 
     }; 
//..... 
    }; 
})(jQuery); 

chiamata in doucument pronto in un altro file

$('#top_slides').top_islides(); 
$('#top_slides').top_islides().ajax_init(); 

ho pensato che dovrebbe funzionare, ho ottenuto un errore, qual è il problema?

Answer 1

fare in questo modo:

(function($) { 
    //Assuming $.fn.top_islides is defined 
    $.fn.top_islides.ajax_init = function(){ 
     init_islides(); 
     setTimeout(picmove,300); 
    }; 
//..... 
})(jQuery); 

O

(function($) { 
    $.fn.top_islides = function(){ 
     var ajax_init = function(){ 
      init_islides(); 
      setTimeout(picmove,300); 
     }; 
     return { 
      ajax_init: ajax_init 
     }; 
    }); 
    //..... 
})(jQuery); 

Answer 2

provare qualcosa di simile, come nell'esempio seguente: -

<script type="text/javascript"> 


    $.someplugin = { 
     CallMe : function() { 
      alert("You called?"); 
     }, 
     otherstuff : function() { alert("other stuff!"); } 
    }; 


    $.someplugin.CallMe(); 
    $.someplugin.otherstuff(); 
</script> 

Answer 3

quando si utilizza var all'interno di una funzione, è renderà l'elemento "privato". è un modo hacky per fare visibilità in Javascript, mentre la vera struttura di classe non arriva a Javascript. È necessario impostarlo al prototipo della funzione o per restituire un oggetto

(function($) { 
    $.fn.top_islides = function(){ 
    var ajax_init = function(){ 
     init_islides(); 
     setTimeout(function(){picmove()},300); 
    }; 
    return { 
     'ajax_init': ajax_init 
    }; 
    //..... 
    }; 
})(jQuery); 

o

(function($) { 
    $.fn.top_islides = function(){ 
    //..... 
    }; 
    $.fn.top_islides.prototype.ajax_init = function(){ 
    init_islides(); 
    setTimeout(function(){picmove()},300); 
    } 
})(jQuery); 

ma nel tuo caso, non sarà possibile fare uso di prototipo, dal momento che si aren' t istanziando un nuovo oggetto top_islides, ma accedendo tramite jQuery, quindi la prima opzione è la soluzione migliore.

Answer 4

Imo, la soluzione migliore viene utilizzata come trigger che è più pulito perché è possibile mantenere il sistema di plugin concatenabile.

È possibile dichiarare gestore di eventi nella vostra dichiarazione di plug-in e di innesco dall'esterno:

(function($) { 
    $.fn.top_islides = function(){ 
    this.on ('init_islides', function(){ 
     setTimeout(function(){picmove()},300); 
    }; 
    //..... 
    }; 
})(jQuery); 
$("button").click(function() { 
    $("p").trigger("init_islides"); 
}); 

DOC può essere trovato qui: http://api.jquery.com/on/