После перезагрузки страницы jQuery без обновления анимация не работает

Question

Мне нужно перезагрузить страницу без функции обновления, чтобы получить инструкцию сброса моей анимации. Вот почему я попытался перезагрузить

$('#wrapper').load('http://localhost:7002/myproj/home'); 

Но, после перезагрузки, мои функции нажмите Jquery не работают. Любая идея, пожалуйста? Спасибо

Ниже приведен фрагмент кода. Мне еще нужно передать эту функцию в другие 2 div. так называемые div1 и div3.

$(".div2").mouseover(function() { 
    $('#PP').attr('src', '../../Resources/Images/aa.png'); 
    if (cube.width() == 550) { 
     $('.imageDiv').append(pp); 
    } 
}).mouseout(function() { 
    $('#PP').attr('src', '../../Resources/Images/bb.png'); 
    pp.remove(); 
}).on("click", function (event) { 
    $('.div1, .div3').on('click', function() { 
      $('#cube').fadeTo("slow", 1); 
      $('.imageDiv').contents(':not("#cube")').remove(); 
      $('#cube').animate({ width: '550px' }, 500); 
      $('#wrapper').load('/myproj/home'); 
    }); 
    $('.div2').unbind('mouseout'); 
    $("#hp1,#hp2,#hp3,#hp4#").hide(); 
    $('#cube').animate({ width: '700px' }, 500).fadeTo("slow", 0.4); 
    $('#cube').animate({ 'marginTop': "+=100px", 'marginLeft': "-=100px" }, 'slow', function() { 
    $('.imageDiv').append(p3d); 
    p3d.animate({ 'top': '-=10px' }, 'slow', function() { 
    $('.imageDiv').append(plabel); 
    p3d.click(function (e) { 
      e.stopPropagation() 
      p3d.show(); 
      plabel.show(); 
    }); 
    plabel.click(function (e) { 
      e.stopPropagation() 
      p3d.show(); 
      plabel.show();; 
    }); 
    $(document).click(function() { 
      $('#cube').fadeTo("slow", 1); 
      $('.imageDiv').contents(':not("#cube")').remove(); 
      $('#cube').animate({ width: '550px' }, 500); 
    }); 
    $('#wrapper').load('/myproj/home'); 
    }); 
    }); 
    }); 

Answer 1

Попробуйте написать свой click функцию после того, как load Внутри function, как показано ниже:

$('#wrapper').load('/myproj/home',function() 
{ 
    $('#YourIDorClass').on('click',function(){ 

    }); 
}); 

или

обернуть его с документом click, как показано ниже:

$(document).on('click','#YourIDorClass',function(){ 

}); 

Одно предложение: Не давайте полного qualif в пути, как http://localhost:7002/myproj/home, потому что путь изменяется, когда вы загружаете его на сервер, и он больше не будет localhost:7002