如何在AJAX加載後運行jquery函數

Question

我有本地AJAX函數來加載圖像。本機AJAX成功加載後如何加載Jquery函數？

這裏是我的AJAX：

function loadImage() { 
    var xmlhttp; 

    if(window.XMLHttpRequest) { 
     xmlhttp = new XMLHttpRequest(); 
    } 
    else { 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    xmlhttp.onreadystatechange = function() { 
     if(xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      document.getElementById("imageLoco").innerHTML = xmlhttp.responseText; 
      document.getElementsByClassName("media-pv").style.height = document.getElementsByClassName("media-pv").clientWidth; 
     } else { 
      document.getElementById("imageLoco").innerHTML = "<img src='images/loader.gif' />"; 
     } 
    } 

    var url = "get_media.php"; 

    xmlhttp.open("GET",url,true); 
    xmlhttp.send(); 
} 

這裏是jQuery的功能，我想加載：

$('.media-pv').css({      
    height : $('.media-pv').width() 
}); 

我把我的AJAX $(document).ready(function(){ ... })後，和jQuery不會改變.media-pv類的高度。如何處理？

謝謝..

Answer 1

試試這段代碼。未經測試，但應該是工作。

function loadImage() { 
    var xmlhttp; 

    if(window.XMLHttpRequest) { 
     xmlhttp = new XMLHttpRequest(); 
    } 
    else { 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 

    xmlhttp.onreadystatechange = function() { 
     if(xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      document.getElementById("imageLoco").innerHTML = xmlhttp.responseText; 
      //document.getElementsByClassName("media-pv").style.height = document.getElementsByClassName("media-pv").clientWidth; 
      //[updated code] 
      changeHeight(); 
     } else { 
      document.getElementById("imageLoco").innerHTML = "<img src='images/loader.gif' />"; 
     } 
    } 

    var url = "get_media.php"; 

    xmlhttp.open("GET",url,true); 
    xmlhttp.send(); 
} 

function changeHeight(){ 

    if(domReady == true){ 
     $('.media-pv').css({      
      height : $('.media-pv').width() 
     }); 

     if(tempInterval){ 
      clearInterval(tempInterval);  
     }   

    }else{ 
     tempInterval = setInterval(changeHeight,100);  
    } 


} 

var domReady = false; 
var tempInterval; 
$(document).ready(function(){ 
    domReady = true; 
});