第三方开发人员为我们的“与团队见面”页面创建了一个模式弹出窗口。由于某种原因,它已停止工作。
通过点击职员图片,他们的详细信息应显示在图片下方
页面为: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();
});
});
答案 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;
});