Jak wywołać funkcję w wtyczce jquery?

Question

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

wezwanie go w doucument gotowy w innym pliku

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

myślałem powinno działać, mam błąd, to w czym problem?

Answer 1

Czy to tak:

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

Albo

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

Answer 2

Spróbuj coś takiego jak w poniższym przykładzie: -

<script type="text/javascript"> 


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


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

Answer 3

podczas korzystania var wewnątrz funkcji, to sprawi, że element będzie "prywatny". jest to hackowalny sposób na widoczność w JavaScript, podczas gdy prawdziwa struktura klasowa nie przychodzi do Javascript. Musisz albo ustawić go do prototypu swojej funkcji lub zwrócić obiekt

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

lub

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

ale w Twoim przypadku, nie będzie używać prototyp, ponieważ aren” • Tworzenie instancji nowego obiektu top_islides, ale dostęp przez jQuery, więc pierwsza opcja jest najlepsza.

Answer 4

Imo, najlepszym rozwiązaniem jest używany język spustowy, który jest czystsze, ponieważ można utrzymać chainable system wtyczek.

Można zadeklarować obsługi zdarzeń w swojej deklaracji wtyczki i spust z zewnątrz:

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

DOC można znaleźć tutaj: http://api.jquery.com/on/