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(){

});

一个建议：不要像http://localhost:7002/myproj/home那样在您的负载中提供完整的限定路径，因为当您将路径上传到服务器时路径会发生变化，它将不再是localhost:7002

在没有刷新的情况下重新加载jQuery页面后，动画无效

1 个答案: