Javascript не работи след jQuery ajax натоварвания на родителски документ - javascript, jquery, ajax

В изгледа отгоре-долу се опитвам да кача едноimage (в целевата iFrame) чрез валидиран формуляр (с помощта на jQuery-validate). След това PHP скриптът на iFrame, който качва изображението, презарежда родителския документ, за да опреснява списъка с изображения, като прави натоварване ajax:

$("#content", window.parent.document).load(...);

След това основният javascript код между маркерите не работи, така че валидираните формуляри не успеят и когато изпратя отново формуляра, просто ме заведете в индекс.

Може ли някой да ми помогне с нещо?

Най-добри пожелания от Испания

Отговори:

Ако формулярът ви е в #content, трябва да обмислите преодоляването на събитието си за изпращане на формуляр, ако той не подаде правилно и не изпълни действията, които искате да изпълните в javascript. виждам http://api.jquery.com/submit/

За да инициализирате валидирането на динамично заредени елементи, опитайте това

    var element = "#content form";
$(element).valid();
$(element).find("input").each(function () {
$(this).blur(function () {
$(this).valid();
});
});
$(element).find("select").each(function () {
$(this).change(function () {
$(this).valid();
});
});

Ако използвате ненатрапчиво валидиране, вижте http://xhalent.wordpress.com/2011/01/24/applying-unobtrusive-validation-to-dynamic-content/ и Потвърдете динамично добавения контрол

UPDATE: Забравих да спомена, че всички javascript, които изпълнявате в $ (document) .ready функция се изпълняват при зареждане на документи и следователно не се изпълняват върху динамично натоварено съдържание ajax, така че ако трябва да прикачите датаpicker и т.н., трябва да го направите след зареждане съдържание (в успешна функция на $ .ajax)