Jquery 调用页面上的函数单击

页面上有两个按钮，即

播放

和

停止

。

视频

加载播放并显示

停止

按钮。单击

停止

按钮将停止视频并显示

播放

按钮

var videoMode = false,
    videoModeSelector = '#intro .mouse, #intro .content, .slider.fullscreen .overlay';
$(window).load(function () {
    $(videoModeSelector).animate({
        opacity: 0
    }, {
        duration: 500,
        queue: false,
        complete: function () {
            if (!videoMode) {
                $('.slider').unmuteYTPVolume();
                $('<div />').appendTo('#intro').css({
                    position: 'absolute',
                    textAlign: 'center',
                    bottom: '30px',
                    color: '#FFF',
                    left: 0,
                    right: 0,
                    opacity: 0
                }).addClass('click-to-exit');
                $('<i />').appendTo('.click-to-exit').addClass('fa fa-volume-off');
                setTimeout(function () {
                    $('.click-to-exit').animate({
                        opacity: 1
                    }, {
                        duration: 500,
                        queue: false,
                        complete: function () {}
                    });
                }, 500);
            }
            videoMode = true;
            $(this).hide();
        }
    });
});
$that.click(function (evt) {
    if (videoMode && $(evt.target).is('.fa-volume-off')) {
        $('.slider').muteYTPVolume();
        $(videoModeSelector).show().animate({
            opacity: 1
        }, {
            duration: 500,
            queue: false
        });
        $that.find('.click-to-exit').hide();
        videoMode = false;
    } else {
        $('.slider').unmuteYTPVolume();
        $(videoModeSelector).show().animate({
            opacity: 0
        }, {
            duration: 500,
            queue: false
        });
        $that.find('.click-to-exit').show();
        videoMode = true;
    }
});

---

您的播放按钮是“文档”的一个子部分。因此，下面的代码将覆盖所有其他元素的click事件处理程序

$(document).click(function(  if ( videoMode )  {
            $( '.slider' ).muteYTPVolume( );
            $( '.click-to-exit' ).hide( ).animate( { opacity: 0 }, { duration: 500, queue: false } );
            $( videoModeSelector ).show( ).animate( { opacity: 1 }, { duration: 500, queue: false } );            
            videoMode = false;
        }
    }); 

您可以直接将此处理包装为如下条件：

if ( videoMode )  {
   $(document).click(function( ){
            $( '.slider' ).muteYTPVolume( );
            $( '.click-to-exit' ).hide( ).animate( { opacity: 0 }, { duration: 500, queue: false } );
            $( videoModeSelector ).show( ).animate( { opacity: 1 }, { duration: 500, queue: false } );            
            videoMode = false;

    });
}

---

这个功能运行良好 但再次单击“播放”按钮，此函数调用：(

---

尝试提供详细信息！另外，检查浏览器控制台，查看其整个网站是否存在apt错误MSG，仍然让我感到困惑：(

if ( videoMode )  {
   $(document).click(function( ){
            $( '.slider' ).muteYTPVolume( );
            $( '.click-to-exit' ).hide( ).animate( { opacity: 0 }, { duration: 500, queue: false } );
            $( videoModeSelector ).show( ).animate( { opacity: 1 }, { duration: 500, queue: false } );            
            videoMode = false;

    });
}

                $(document).click( function(e) {
                if(videoMode){
                    $( videoModeSelector ).show().animate( { opacity: 1 }, { duration: 500, queue: false } );
                    $that.find( '.click-to-exit' ).show().animate( { opacity: 0 }, { duration: 500, queue: false, } );
                    $( '.slider' ).muteYTPVolume( );
                } 
            });