Question

我打开页面时需要调整图像大小。在ajax导航之前，我使用函数jQuery(window)来说当我进入新页面时我想要调整函数大小。但现在使用ajax navigationIi只加载我页面的一部分，以便jQuery(window)不返回任何内容。

// start page KO PART
jQuery(window).load(function(){ 
    redimensionnement(); 
}); 
// KO PART END

// resize window OK --
jQuery(window).resize(function(){ 
    redimensionnement(); 
});

你有什么想法解决我的问题吗？

非常感谢！

Answer 1

完成Ajax请求后加载图像，加载图像时调整图像大小。这里是示例代码，可以帮助您跟踪加载的图像。

// create an image object
 objImage = new Image();

 // set what happens once the image has loaded 
objImage.onLoad=imagesLoaded(objImage);

 // preload the image file
 objImage.src='images/image1n.gif';

 // function invoked on image loaded
 function imagesLoaded(obj)
 {    
    var w = obj.width();
    var h = obj.height();
 }

Answer 2

我认为你需要在onload中绑定它;

// start page KO PART
jQuery(window).load(function(){ 
    redimensionnement(); 
    // resize window OK --
        jQuery(window).resize(function(){ 
    redimensionnement(); 
    });
}); 
// KO PART END

Answer 3

我找到了解决方案！

因此，要在我们进入图片页面时调整图像大小，我会测试它是否在我的ajax循环中加载：

   //ajax loop for full ajax navigation
   $.ajax({
   url: link,
   dataType:'html',
   success: function(data){

        //update of my contain
        var contenu = $(data).find("#contenu");
        $('#contenu').html(contenu).fadeIn('200');


        //TEST OF LOAD IMAGE, if yes, start my resize fonction
        $("#map-carte-1").load(function(){
       redimensionnement();
    });

});

jQuery（窗口）Ajax导航

3 个答案: