Javascript JQuery:脚本正在控制台中工作,但不在附加文件中
我正在一个定制的Wordpress站点上工作,该站点有很多javascript(都是由另一个开发人员开发的) 我正试图在scripts.js文件的底部添加一个脚本,但它并不适用于任何地方。它在控制台中工作。它在firefox中工作。 它在它自己的文档就绪函数中。 documentready正在工作(我使用了一个警报来测试这一点),但是我的警报、控制台日志和doc ready函数中的脚本将只在控制台(或firefox)中工作,而不会在chrome和safari中的scripts.js文件中工作 这是我的代码(它用于播放视频并在单击视频窗口时暂停,而不仅仅是播放控件)Javascript JQuery:脚本正在控制台中工作,但不在附加文件中,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我正在一个定制的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);
});