模式弹出窗口已停止运行

时间:2018-07-04 10:34:23

标签: javascript jquery popup popupwindow

第三方开发人员为我们的“与团队见面”页面创建了一个模式弹出窗口。由于某种原因,它已停止工作。

通过点击职员图片,他们的详细信息应显示在图片下方

页面为:https://www.bennettsfunerals.co.uk/about-bennetts-funeral-directors-essex/meet-the-team/

我粘贴了我认为是功能脚本的下方。

为什么这突然停止工作!!!

============================================= < / p>

$('。team')。click(function(){

            var _this = $(this);

            if( $(_this).hasClass('active') )

            {

                return false;

            }

            else

            {

                $('.team.active').removeClass('active');

                $(_this).addClass('active');

                $('body').prepend('<div class="overlay"></div>');
            }
        });

        $(window).on('click', '.overlay', function(e) {

            $('.team.active').removeClass('active');

            $('.overlay').remove();

        });



        $('.close-overlay').click(function(e) {

            e.preventDefault();

            $('.team.active').removeClass('active');

            $('.overlay').remove();

            return false;
        });

        $('.print').click(function(e) {

            e.preventDefault();

            window.print();
        });
    });




        $('.close-overlay').click(function(e) {

            e.preventDefault();

            $('.team.active').removeClass('active');

            $('.overlay').remove();

            return false;
        });

        $('.print').click(function(e) {

            e.preventDefault();

            window.print();
        });
    });

3 个答案:

答案 0 :(得分:1)

如果您查看开发人员控制台,您会看到索引文档的第1048行出现语法错误。该错误是由于缺少大括号而引起的:

$('#responsive-sidebar-button').click(function() // need a curly bracket here

    if($('.sidebar').hasClass('opened')) {

        $('.sidebar').removeClass('opened');

        $('.sidebar').slideUp();

    } else {

        $('.sidebar').addClass('opened');

        $('.sidebar').slideDown();

    }

});

因此,您将得到以下结果:

$('#responsive-sidebar-button').click(function(){

    if($('.sidebar').hasClass('opened')) {

        $('.sidebar').removeClass('opened');

        $('.sidebar').slideUp();

    } else {

        $('.sidebar').addClass('opened');

        $('.sidebar').slideDown();

    }

});

答案 1 :(得分:0)

由于语法错误(未捕获的SyntaxError:如果出现意外令牌),代码被破坏。索引文件的第1046行缺少大括号({))。

行:1046

# wrong command beneath
# PATH=$(echo "$PATH" | tr ':' '\n' | sort -u | tr '\n' ':')

答案 2 :(得分:0)

该代码可以正常工作。如果复制以下代码并在控制台中运行,则所需的输出将起作用。由于缺少{花括号,因此点击事件监听器不会在img上注册。因此它不起作用。

$('.team').click(function() {
    var _this = $(this);
    if( $(_this).hasClass('active') )
    {
       return false;
    }
    else
    {
       $('.team.active').removeClass('active');
       $(_this).addClass('active');
       $('body').prepend('<div class="overlay"></div>');
    }});
$('.close-overlay').click(function(e) {
    e.preventDefault();
    $('.team.active').removeClass('active');
    $('.overlay').remove();
    return false;
});