使用事件侦听器提示.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事件

回答

相关问题