Как заставить AjaxForm работать с несколькими формами, загруженными с помощью jquery load ()?
У меня есть страница с div, которая динамически заполняется с помощью paginator ;-) На странице init я загружаю первые 10 форм в нее, используя метод jquery .load ().
Я хотел бы сделать все формы динамически обновляемыми с помощью плагина AjaxForm. Я знаю о стороне сервера, давайте назовем это update.asp. Оно работает.
Но есть несколько вопросов:
Как заставить плагин работать в первую очередь, так как AjaxForm, похоже, не работает с фирмами внутри динамически загруженного div?
Как мне идентифицировать и назвать формы? Теперь я использовал ID и имя myForm для всех из них (возможно, именно поэтому он не работает). Потому что, если я использую имя myForm1, myForm2 и т. Д. ... я должен написать 10 функций ajaxForm, которые я использую:
$('#myForm').ajaxForm({
beforeSubmit: showLoader,
success: hideLoader
});
Тогда мне нужно сделать это 10 раз, используя myForm1 для myForm10? Должен быть другой путь ...
Как заставить AjaxForm работать со страницами, которые еще не загружены? Я думаю, что это та же проблема, что и 1). Поскольку даже страница 1 загружается динамически, ajaxForm не связывается с формой.Извините, я новичок в jquery, я очень стараюсь его изучать, я пробовал это довольно давно, прежде чем написал здесь. Если вы можете мне помочь, я был бы очень благодарен.
ваш
Джерри
РЕДАКТИРОВАТЬ: Вот мой загрузчик сейчас ... Он не работает нормально, так как загрузчик никогда не отображается, он исчезает так быстро, что я могу видеть его, только если я поставил предупреждение в 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;
});
});
}