Como incluir um plug-in externo dentro de outro plug-in jQuery que está sendo criado
Estou criando um plugin jQuery personalizado para um projeto no qual estou trabalhando. Eu quero retornar um objeto que é personalizado para outro plugin do jQuery ... em vez de ter que garantir que cada página que usa o meu plugin também tenha esse outro plugin, é possível incluí-lo no próprio plugin?
Em vez de digitar o seguinte em cada página que usa meu plug-in:
<script type="text/javascript" src="url_to_my_plugin" />
<script type="text/javascript" src="url_to_plugin" />
Eu queria ver se existe uma opção que permita algo como:
(function($) {
$.include('url_to_plugin');
//code to implement my plugin
})(jQuery);
Obrigado pela sugestão Marko ... Posso estar fazendo algo errado porque o plugin que estou referenciando não está sendo reconhecido. Abaixo está o meu código:
(function($) {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'jquery.simplemodal.js'; //in same dir as my plugin
//tried both
document.body.appendChild(script);
document.getElementsByTagName('head')[0].appendChild(script);
$.fn.SUI_CheckProgress = function(options) {
return this.each(function() {
var obj = $(this);
var nDiv = $('<div>');
nDiv.modal(); //error nDiv.modal() is not a function
$(obj).append(nDiv);
}
};
});
Tentei declarar o script dentro e fora da chamada de função real (o ideal é que isso ocorra globalmente). Verifiquei se o código é executado corretamente se eu fizer referência ao script na página da qual estou ligando, no entanto, quando removo a referência, ele falha. Qualquer informação adicional sobre como adicionar scripts de programação a uma página seria apreciada.
Fixo: Meu problema foi que eu estava referenciando o mesmo diretório que o plugin js, no entanto, quando adicionado à página, está fora desse diretório.
estava
script.src = 'jquery.simplemodal.js';
fixo
script.src = 'js/jquery.simplemodal.js';