은 작동하는 이벤트 리스너를 가져올 수 없습니다.

Question

나는 작동하도록 노력하고있어 실행할 수없는 이벤트 리스너가 있습니다. 나는 웹킷 변환을 촉구하는 div의 클래스를 전환하는 onclick을 설정했습니다. 전환이 끝나면 jquery가 div에 외부 페이지를로드하려고하지만로드하지 않습니다. 이것은 내가 설정 한 js입니다.

<script type="text/javascript"> 
function fullscreen_slider_load() { 
var fullscreen = document.getElementById("fullscreen"); 

function fullscreen_done1() { 
    console.log("done called"); 
    fullscreen.removeEventListener("webkitTransitionEnd", fullscreen_done1); 
    fullscreen.addEventListener("webkitTransitionEnd", fullscreen_done2); 
    $(function fullscreen_load() { 
    $('#fullscreen') 
     .html('<img src="http://www.klossal.com/loader.gif"/>') 
     .load('http://www.klossal.com/portfolio/space_fullscreen.html'); 
}); 


function fullscreen_done2() { 
    fullscreen.removeEventListener("webkitTransitionEnd", fullscreen_done2); 

}; 
</script> 

로드되지 않는 이유는 잘 모르겠지만,이 문제에 대해 도움을 얻을 수 있다면 도움이 될 것입니다.

Answer 1

코드의이 부분은 나에게 이해가되지 않으며 자신이 원하는 것을 일관되게 보이지 않습니다.

$(function fullscreen_load() { 
$('#fullscreen') 
    .html('<img src="http://www.klossal.com/loader.gif"/>') 
    .load('http://www.klossal.com/portfolio/space_fullscreen.html'); 
}); 

나는이 권리를 이해한다면, 그것은 #fullscreen에 새로운 내용을로드하기위한 document.ready() 이벤트 핸들러를 설정합니다 : 또한이 나타나지 않는 게시 된 코드는 적절한 버팀대를합니다. 나는 그것이 당신이 원하는 것을 생각하지 않습니다.

fullscreen_done1()을 트리거하는 이벤트 리스너를 추가하는 곳이 어디에도 표시되지 않으며 여기에 사용되지 않으므로 fullscreen_done2() 이벤트 리스너에 대한 이유가 표시되지 않습니다.

당신은 단지 전체 화면 개체가 처음으로 CSS 전환 완료하고,이 (고정 들여 쓰기 및 보강)를 사용하여 다른 곳 fullscreen_done1()를 호출하는 이벤트 리스너를 등록 할 때 몇 가지 새로운 내용을로드하려면 :

를

<script type="text/javascript"> 
function fullscreen_slider_load() { 
    var fullscreen = document.getElementById("fullscreen"); 

    function fullscreen_done1() { 
     console.log("done called"); 
     fullscreen.removeEventListener("webkitTransitionEnd", fullscreen_done1); 
     fullscreen.addEventListener("webkitTransitionEnd", fullscreen_done2); 
     $(fullscreen) 
      .html('<img src="http://www.klossal.com/loader.gif"/>') 
      .load('http://www.klossal.com/portfolio/space_fullscreen.html'); 
    } 

    function fullscreen_done2() { 
     fullscreen.removeEventListener("webkitTransitionEnd", fullscreen_done2); 
    } 
} 
</script> 

이 작업을 수행하는 것보다 더 복잡한 작업을 수행하려는 경우 첫 번째 전환이 완료된 후에 수행하려고 시도한 작업을 명확하게 설명하십시오.

P. 함수 선언에서 코드를 들여 쓰지 않으면 코드의 의도를 오해하는 것이 매우 쉽습니다.

코드는 Firefox 또는 Opera (CSS3 전환을 지원하는 비 -Webkit 브라우저)에서도 작동하지 않습니다.