javascript - JQuery:脚本可以在控制台中运行，但不能在附加文件中运行

Question

我正在开发一个自定义 WordPress 网站，该网站包含大量 javascript(全部由另一位开发人员开发)

我正在尝试将脚本添加到scripts.js 文件的底部，但它并非在所有地方都有效。它在控制台中工作。它可以在火狐浏览器中运行。它位于它自己的文档准备功能中。文档就绪正在工作(我使用警报来测试这一点)，但是我的警报、控制台日志和此文档就绪函数中的脚本只能在控制台(或 Firefox)内部工作，而不能在 chrome 中的 script.js 文件中工作和 Safari 。

这是我的代码(它是为了在单击视频窗口时播放和暂停视频，而不仅仅是播放控件)

  jQuery(document).ready(function () {
   // alert('working')
    /**
     *  This module controls the video players
     */
      jQuery('video').click(function(){
        //alert('working');
        this.paused?this.play():
        this.pause();
        //console.log(this);
    });

});

非常感谢任何帮助。

Answer 1

我假设这是因为在就绪事件触发后，您的视频元素实际上并不存在，或者正在被切换出去。

Firefox 可能会在就绪事件触发之前加载视频元素，但这可能会因 javascript 和 html 的解释速度而异。

不要将事件直接放在“视频”元素上，而是使用“视频”过滤器将其放在文档上。

http://jsfiddle.net/2kmxL1h4/1/

jQuery(document).on('click', 'video', function () {
        //alert('working');
        this.paused ? this.play() : this.pause();
        //console.log(this);
    });