Como fazer o AjaxForm funcionar com vários formulários carregados usando jquery load ()?
Eu tenho uma página com uma div que é preenchida dinamicamente usando um paginador ;-) Na página init, carrego os primeiros 10 formulários nela usando o método jquery .load ().
O que eu gostaria de fazer é tornar todos os formulários atualizáveis dinamicamente usando o plug-in AjaxForm. Eu sei sobre o lado do servidor, vamos chamá-lo de update.asp. Funciona.
Mas há várias perguntas:
Como fazer o plug-in funcionar em primeiro lugar, pois o AjaxForm parece não funcionar para as empresas dentro de um div carregado dinamicamente?
Como identifico e nomeio os formulários? Agora eu usei ID e nomeei myForm para todos eles (talvez seja por isso que não funcione). Porque se eu usar o nome myForm1, myForm2 etc ... eu tenho que escrever 10 funções ajaxForm que eu uso:
$('#myForm').ajaxForm({
beforeSubmit: showLoader,
success: hideLoader
});
Eu precisaria fazer isso 10 vezes usando myForm1 para myForm10? Tem de haver outro jeito...
Como faço para o AjaxForm funcionar com as páginas que ainda não foram carregadas? Eu acho que esse é o mesmo problema que 1). Como até a página 1 é carregada dinamicamente, de alguma forma, o ajaxForm não é vinculado ao formulário.Desculpe, eu sou muito novo no jquery, estou tentando estudá-lo, tentei isso há algum tempo antes de escrever aqui. Se você puder me ajudar, eu ficaria muito agradecido.
Sua
Jerry
Edição: Aqui está o meu carregador agora ... Ele não está funcionando bem, como o carregador nunca é mostrado, ele desaparece tão rápido que só posso vê-lo se eu colocar alerta no hideLoader: - ((((
function load(num){
showLoader2();
var link='/obdelaneslike.asp?ID=<%=request.QueryString("IDRecept") %>&offset='+ num
$('#content').load(link, function(){
hideLoader2();
$('.ajax-loader').hide();
$('.myForm').bind("submit", function(event) {
$(this).ajaxForm({
beforeSubmit: showLoader($(this).find('img.ajax-loader').attr('id')),
success: hideLoader($(this).find('img.ajax-loader').attr('id'))
});
return false;
});
});
}