Question

我是jquery（和js）的新手，我有以下小提琴，这很好用，但我显然错过了让它在网站上工作的一些事情。 / p>

http://jsfiddle.net/aintnobody/70501ecr/2/

我想我错过了关于小提琴与网站的加载方式。这是代码的样子：

// on initial load
$( document ).ready(function() {
    onPlayaLoad();
});

// initiate API
var player;

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        events: {
            'onStateChange': onPlayerStateChange
        }
    });
}

// read player state
function onPlayerStateChange(event) {
    if (event.data == YT.PlayerState.PLAYING) {
        onPlaying();
    } else if (event.data == YT.PlayerState.PAUSED) {
        onPaused();
    } else if (event.data == YT.PlayerState.ENDED) {
        onEnded();
    } else if (event.data == YT.PlayerState.BUFFERING) {
        onBuffering();
    } else if (event.data == YT.PlayerState.CUED) {
        onCued();
    } else if (event.data == YT.PlayerState.UNSTARTED) {
        onUnstarted();
    }
}

然后定义从上面调用的函数。这一切都适用于小提琴。在我的网站上，第一个函数在文档加载时触发，但没有播放器状态函数。我从小提琴上切下并粘贴了所有的js，并将它装在身体末端的部分。它取决于Jquery和TimelineMax。 Jquery被加载到头部，TimelineMax在它包含在相同的缩小脚本之前加载。

这一切都必须正常工作，因为第一个函数（onPlayaLoad）运行正常，并且如果jquery和TimelineMax都没有被触发，则不会。

所以...播放器状态函数是否在文档准备好之前尝试运行，因为它们不像第一个fctn那样包含在on document ready函数中？如果是这样，我必须在我的测试中错误地嵌套它来解决这个问题。

任何输入都非常感谢，因为我知道我只需点击几下即可完成此功能，因为它已经在小提琴中完成了。

THX

JS在小提琴中工作，但不在现场

0 个答案: