jquery - 使用事件监听器提示 .load 事件

Question

我有一个 .load 事件，我正在尝试使用事件侦听器触发。我有一个向下滑动的叠加层，当它完成动画时，我尝试使用 jquery .load 将 url http://www.klossal.com/portfolio/space_fullscreen.html的内容加载到叠加层 div . 我有一个 jfiddle 设置，但我似乎无法让它工作，我非常感谢我能得到的任何帮助，谢谢。

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

Answer 1

修复 extra 后)，您的代码会根据代码的功能运行。

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，因此浏览器会限制 javascript 检索来自http://www.klossal.com同源策略的任何信息。如果运行此脚本，http://www.klossal.com它将起作用。