使用事件偵聽器提示.load事件

我有一個.load事件，我試圖用事件偵聽器觸發。我有一個向下滑動的覆蓋圖，當它完成動畫時，我試圖使用jquery .load將url http://www.klossal.com/portfolio/space_fullscreen.html的內容加載到覆蓋div中。我有一個jfiddle設置，但我似乎無法得到它的工作，我真的很感激任何幫助，我可以得到這個，謝謝。使用事件偵聽器提示.load事件

這裏是小提琴：http://jsfiddle.net/rGhkH/6/

來源

2012-07-16 loriensleafs

你有一個額外的'''，使用jslint按鈕。還要注意，你不能'.load'跨域，因此提供的代碼將永遠不會在jsfiddle中工作。 – 2012-07-16 19:19:34

嗯檢查了關閉，它似乎並沒有改變任何東西http://jsfiddle.net/rGhkH/7/ – loriensleafs 2012-07-16 19:20:54

它改變了很多，它擺脫了'''周圍的錯誤，並告訴你，你被阻止由於我在之前的評論中解釋過的同源策略而提出ajax請求。 – 2012-07-16 19:21:46

固定額外)後，您的代碼運行，因爲它應該考慮的代碼做什麼。

var mybutton = document.getElementById("fullscreen_launch"); 
var fullscreen = document.getElementById("fullscreen"); 

mybutton.onclick = function() { 
    fullscreen.addEventListener("webkitTransitionEnd", function() { 
     $('#fullscreen') 
      .html('<img src="http://www.klossal.com/loader.gif"/>') 
      .load('http://www.klossal.com/portfolio/space_fullscreen.html'); 
    }); 
    fullscreen.className = ' fullscreen_show'; 
};

由於http://jsfiddle.net是不是同一個域http://www.klossal.com，瀏覽器從任何http://www.klossal.com信息檢索由於同源策略限制的JavaScript。如果這個腳本是從http://www.klossal.com運行的，它會起作用。

來源

2012-07-16 19:32:16

這讓我瘋狂，因爲某些原因，它在我的網站上完全不起作用。什麼時候分開他們工作很好，但是當我把他們放在一起這樣他們不。當我列出這個內聯：onclick =「fullscreen.className ='fullscreen_show';」並將其列爲如下腳本：它的工作 – loriensleafs 2012-07-17 11:12:57

我希望它作爲一個eventlistener而不是像這樣onclick的原因是因爲當它試圖同時加載ajax時動畫運行不順暢，所以我想要動畫運行，然後有阿賈克斯竊取內容。當我將腳本放在一起時，它甚至不會提示動畫發生。它也沒有在jfiddle中。 – loriensleafs 2012-07-17 11:14:45

你在測試什麼瀏覽器？ – 2012-07-17 14:15:41

使用事件偵聽器提示.load事件

回答

相關問題