Javascript JQuery:脚本正在控制台中工作,但不在附加文件中

Javascript JQuery:脚本正在控制台中工作,但不在附加文件中,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我正在一个定制的Wordpress站点上工作,该站点有很多javascript(都是由另一个开发人员开发的) 我正试图在scripts.js文件的底部添加一个脚本,但它并不适用于任何地方。它在控制台中工作。它在firefox中工作。 它在它自己的文档就绪函数中。 documentready正在工作(我使用了一个警报来测试这一点),但是我的警报、控制台日志和doc ready函数中的脚本将只在控制台(或firefox)中工作,而不会在chrome和safari中的scripts.js文件中工作 这

我正在一个定制的Wordpress站点上工作,该站点有很多javascript(都是由另一个开发人员开发的)

我正试图在scripts.js文件的底部添加一个脚本,但它并不适用于任何地方。它在控制台中工作。它在firefox中工作。 它在它自己的文档就绪函数中。 documentready正在工作(我使用了一个警报来测试这一点),但是我的警报、控制台日志和doc ready函数中的脚本将只在控制台(或firefox)中工作,而不会在chrome和safari中的scripts.js文件中工作

这是我的代码(它用于播放视频并在单击视频窗口时暂停,而不仅仅是播放控件)


非常感谢您的帮助

不同的JS引擎可能有问题


如果您移动
jQuery('video'),您是否尝试过发生的情况在文件的旧源的就绪部分?

我假设这是因为您的视频元素实际上不存在,或者在就绪事件触发后被关闭

firefox可能恰好在ready事件触发之前加载视频元素,但这可能取决于javascript和html的插入速度


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


尝试将其添加到列表的底部page@TusharGupta不要紧,
ready()
处理这个问题。它无论如何都在页面的底部。只要尝试一下-它在控制台中工作,但在脚本文件中不工作(即使它在文件的另一个工作部分中),那么我在这里缺少什么?“带有“视频”过滤器的文档。”-只是为了更好地命名它,这就是所谓的事件委派->而且,事实证明firefox默认具有此功能-所以我的脚本实际上并没有在firefox上工作,它只是默认行为。
  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);
    });

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