-1

我有一个事件监听器，我正在尝试开始工作，但似乎无法让它运行。我有一个 onclick 设置，可以切换 div 的类以提示 webkit 转换。当该转换结束时，我希望 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>

我不确定为什么它没有加载，但我能得到的任何帮助将不胜感激。

4

1 回答 1

0

您的这部分代码对我来说毫无意义，并且看起来与您所说的想要发生的不一致。此外，您发布的代码似乎没有适当的支撑：

$(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>

如果您尝试做的事情比这提供的更多，那么请说明您在第一次转换完成后还尝试做什么。

PS 当你不缩进函数声明下的代码时，很容易误解你的代码的意图。

您的代码也无法在 Firefox 或 Opera（支持 CSS3 转换的非 webkit 浏览器）中运行。

于 2012-07-16T17:08:01.653 回答