無法獲得事件偵聽器的工作

Question

我有一個事件偵聽器，我試圖讓它工作，而且似乎無法讓它運行。我有一個onclick設置，用於切換提示webkit轉換的div的類。當轉換結束時，我想讓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'); 
}); 

如果我理解這個正確的，這將建立一個document.ready()事件處理程序加載新的內容爲#fullscreen。我不認爲這就是你想要的。

我也沒有看到任何地方你添加事件偵聽器，觸發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.S.當你不在函數聲明下縮進代碼時，它很容易誤解你的代碼的意圖。

您的代碼在Firefox或Opera（支持CSS3轉換的非webkit瀏覽器）中也不起作用。