2013-11-10 4 views
0

jQuery 궤도 슬라이더를 구현하려고합니다. 여러 이미지가 포함 된 div 태그가 있습니다. 내가 겪고있는 문제는 모든 이미지가로드되기 전에 orbit() 함수가 때때로 호출된다는 것입니다. 나는 다음과 같이 궤도 함수 호출을 주변으로이 문제를 해결하는 것을 시도했다 :IE 오류 window.onload가 일관되게 실행되지 않습니다.

window.onload = function(){jQuery('#img-container').orbit()} 

이로드 한 그 궤도에만 페이지 (필요한 이미지를 포함한) 모든 콘텐츠 후에이라고 확인해야합니다. 그러나 이미지 슬라이더가 항상로드되지는 않기 때문에 onload 이벤트가 계속 실행되지 않습니다. 캐시를 지우고 페이지로 이동하면 onload 이벤트가 실행되지 않으므로 궤도가 실행되지 않습니다.

내가 시도한 다른 것들 : jQuery (window) .load()도 실패했다. 또한 .load() 함수를 사용하여 컨테이너의 각 개별 이미지를 반복적으로 시도했지만 성공하지 못했습니다. Chrome과 FF에서이 방법과 비슷한 것을 사용하여이 문제를 해결할 수있었습니다. jquery .one() load and error events not working

누구든지 IE에서이 문제를 해결할 수있는 다른 제안이 있습니까?

추가 정보 : deelay.me를 사용하여 이미지를 몇 초 지연하여 테스트 할 때 onload 함수가 일관되게 작동합니다. 그것은 신속하게 이미지가로드가 온로드가

+0

이 코드는 몸의 끝에이 코드를 넣은 다음 초기화해야 전에 jquery를 사용하고있는 것 같습니다. –

+0

onload를 실행하기 전에 JQuery가로드되었는지 확인하고 이것이 루트라고 생각하지 않습니다. 왜냐하면 – Kumaran

답변

0

jQuery 기능을 사용하여 jQuery를이 작업을 수행 할 수있는 적절한 방법을 발사하는 것 같지 않는 경우에만입니다 : IE에서 작동뿐만 아니라 다른 브라우저한다

$(function(){ 
    //onload stuff here... 
}); 

.

+0

이것은'window.onload'와 같지 않기 때문에, 당신이 링크 한 문서 ("DOM이 준비되었을 때 실행할 함수")에서 읽을 수 있습니다. jQuery에서 OP를 구현하는 적절한 방법 want는 다음과 같다 :'$ (window) .load (function() {...})'. – Teemu

+0

$ (window) .load (function() {...})도 시도했지만 작동하지 않았습니다. 나는 http://deelay.me/를 사용하여 몇 초 만에 이미지를 지연시키고 그렇게함으로써 onload 함수를 일관되게 작동시키는 테스트를 수행했다. 이미지가 빠르게로드되어 온로드가 실행되지 않는 것입니다. – Kumaran