대기가

Question

를로드 할 수 내 자바 스크립트에서이 줄을 얻었다. 이 함수에 콜백을 첨부 할 수 있습니까? 이 작업이 끝날 때까지 다른 작업을 기다리기 만하면됩니다.

이

은 succesfull를 werent :

$("#botbg").css("background-image", "url(/png/" + epage + ".jpg)").load(function(){ 
//... 
}); 

$("#botbg").css("background-image", "url(/png/" + epage + ".jpg)").one("load", function(){ 
//... 
}); 

$("#botbg").css("background-image", "url(/png/" + epage + ".jpg)").ready(function(){ 
//... 
}); 

Answer 1

아니, 당신은 할 수 없습니다.

<div id="tmp"><img src="/png/yourimage.jpg" /></div> 

$("#tmp").load(function(){ 
    $("#botbg").css("background-image", "url(/png/yourimage.jpg)"); 
}); 

편집

새로운 방법 : 당신이 할 수있는

가장 좋은 것은 다음로드 콜백은 다음과 같이 호출 할 때와 배경 이미지를 설정 임시 DIV 안에 이미지를로드하는 것입니다 콜백 함수 만에 적용 jQuery를 기능) (

<div id="tmp"><img src="/png/yourimage.jpg" /></div> 

$("#tmp").on("load", function() { 
    $("#botbg").css("background-image", "url(/png/yourimage.jpg)"); 
}); 

Answer 2

.load를 불러3210 작업 이후에 css 함수는 synchronized 함수이므로 콜백과 같은 것은 없으므로 .css() 함수를 호출 한 후 모든 코드 행을 즉시 호출합니다.

그러나 배경 이미지의로드를 추적 할 수도 있지만 이미지를 표시 한 후에 코드가 실행되지 않을 수도 있습니다. 특히 큰 이미지의 경우 브라우저에서 이미지를 render 시간이 걸릴 것입니다. . 이미지는 다음과 같은 일을 할 수있는로드 된 경우 추적하려면 :

$img = $('<img src="/png/'+epage+'.jpg" id="myImg"/>');//now it will work 
$img.bind('load',function(){ 
    $("#botbg").css("background-image", "url(/png/" + epage + ".jpg)"); 
}); 

다음은 기능 fiddle입니다.

는 나는 그것이 도움이되기를 바랍니다. 건배

Answer 3

[부하가() (http://api.jquery.com/load-event/) ** 추천되고 있지 않기 때문에이 솔루션이이 권고 아니에요 일 수도 있지만 **

var img = new Image(); 
img.src = url; 
img.onload = function() { 
    $("#botbg").css("background-image", "url(" + url + ")"); 
}