当前位置:   jquery > 正文

JS功能在Chrome中运行,但在Firefox中不起作用

javascript,firefox,jquery,google-chrome,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工具

我创建了一个在Chrome上工作正常的功能,但似乎在firefox上产生错误

ReferenceError: playNextClip is not defined

您可以在以下网址查看该网站:http://thewild.com.au/caleboys/

我的JS如下.

 function queueVideos(num, amount) {

    if (num < amount) {
        document.getElementById('video-element-'+num).addEventListener(
            'ended',
            playNextClip,
            false);
        function playNextClip() {
            var nextVid = num + 1;
            $( '#video-element-' + nextVid ).show().get(0).play();
            $( '#video-element-' + num ).hide();
            document.getElementById( 'video-element-' + num ).pause();
            document.getElementById( 'video-element-' + num ).currentTime = 0;
            queueVideos(nextVid, amount)
        }
    }

    if (num == amount) {
        document.getElementById('video-element-'+num).addEventListener(
            'ended',
            playFirst,
            false);
        function playFirst() {
            $( '#video-element-1' ).show().get(0).play();
            $( '#video-element-' + num ).hide();
            document.getElementById( 'video-element-' + num ).pause();
            document.getElementById( 'video-element-' + num ).currentTime = 0;
        }
    }

}

queueVideos(1, 5);

为什么这在Chrome中有效但在Firefox中无效?
我该怎么做才能使它跨浏览器兼容?

谢谢!



1> nitish kound..:
    function queueVideos(num, amount) {
        if (num < amount) {

            function playNextClip() {
                var nextVid = num + 1;
                $( '#video-element-' + nextVid ).show().get(0).play();
                $( '#video-element-' + num ).hide();
                document.getElementById( 'video-element-' + num ).pause();
                document.getElementById( 'video-element-' + num ).currentTime = 0;
                queueVideos(nextVid, amount)
            }
               document.getElementById('video-element-'+num).addEventListener(
                'ended',
                playNextClip,
                false);
        }

        if (num == amount) {

            function playFirst() {
                $( '#video-element-1' ).show().get(0).play();
                $( '#video-element-' + num ).hide();
                document.getElementById( 'video-element-' + num ).pause();
                document.getElementById( 'video-element-' + num ).currentTime = 0;
            }
document.getElementById('video-element-'+num).addEventListener(
                'ended',
                playFirst,
                false);
        }

    }
    queueVideos(1, 5);

尝试在addeventlistener之前给出函数defination.

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/blog/jquery/detail/13300
推荐阅读
  • 如何解决《如何在没有毫秒和Z的情况下在ISO8601中的javascript中输出日期》经验,为你挑选了4个好方法。javascript,date,iso8601,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,js... [详细]

  • 如何解决《如何检查是否使用Protractor,CucumberJS和Chai检查复选框?》经验,为你挑选了1个好方法。javascript,bdd,chai,protractor,cucumberjs,DevBox,在线流程图,编程,编程... [详细]

  • 如何解决《没有(标准)播放器运行VAST?》经验,为你挑选了0个好方法。javascript,video,ads,html5-video,vast,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码... [详细]

  • 如何解决《使用javascript正则表达式从字符串中提取子字符串》经验,为你挑选了1个好方法。javascript,regex,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间... [详细]

  • 如何解决《this.value返回包含值的括号》经验,为你挑选了1个好方法。javascript,jquery,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,... [详细]

  • 如何解决《箭头功能中的默认参数值》经验,为你挑选了1个好方法。javascript,google-chrome,default-parameters,ecmascript-6,chrome,DevBox,在线流程图,编程,编程问答,程序员,... [详细]

  • 如何解决《逻辑运算符&&和javascript中的两个字符串》经验,为你挑选了3个好方法。javascript,string,operators,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,jso... [详细]

  • 如何解决《为什么Redux的状态函数称为reducers?》经验,为你挑选了5个好方法。javascript,redux,go,程序员,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,uni... [详细]

  • 如何解决《使用Reactjs条带自定义表单》经验,为你挑选了1个好方法。javascript,jquery,stripe-payments,reactjs,服务器,json,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发... [详细]

  • 如何解决《使用Relay更新React状态》经验,为你挑选了1个好方法。javascript,relay,reactjs,graphql,redux,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维... [详细]

  • 如何解决《"捕获"如何在原生Promise链中发挥作用?》经验,为你挑选了1个好方法。javascript,firefox,google-chrome,promise,chrome,DevBox,在线流程图,编程,编程问... [详细]

  • 如何解决《如何使这段代码更具功能性和可读性?》经验,为你挑选了1个好方法。javascript,functional-programming,ramda.js,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json... [详细]

  • 如何解决《使用Gulp缩小(不透明)ES2015代码》经验,为你挑选了1个好方法。javascript,minify,ecmascript-6,gulp,npm,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,jso... [详细]

  • 如何解决《Ext.MessageBox.confirm自定义按钮》经验,为你挑选了1个好方法。javascript,extjs,button,https,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,... [详细]

  • 如何解决《根据JavaScript中的长度将字符串转换为一系列下划线》经验,为你挑选了1个好方法。javascript,string,程序员,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,... [详细]

  • 如何解决《TypeScript中的深度克隆(保留类型)》经验,为你挑选了2个好方法。javascript,typescript,lodash,编辑器,https,ajax,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工... [详细]

  • 如何解决《为什么我不能使用jQuery检查这个单选按钮?》经验,为你挑选了1个好方法。javascript,jquery,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线... [详细]

  • 如何解决《Javascript数组初始化行为》经验,为你挑选了1个好方法。javascript,arrays,json,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开... [详细]

  • 如何解决《Browserify和Babelgulp任务》经验,为你挑选了1个好方法。javascript,browserify,gulp,babeljs,json,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,js... [详细]

  • 如何解决《默认导出后的分号》经验,为你挑选了1个好方法。javascript,ecmascript-6,babeljs,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix... [详细]

相关标签
  

闽ICP备14008679号