Question

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

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

Answer 1

修复额外的)后，您的代码会按照应该考虑的代码运行。

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运行的，那就可以了。

使用事件侦听器来提示.load事件

1 个答案: