Javascript 模式弹出窗口已停止运行
第三方开发人员为我们的“会见团队”页面创建了一个模式弹出窗口。由于某种原因,它停止了工作 通过单击员工图片,他们的详细信息应显示在图像下方 网页为: 我在下面粘贴了我认为是函数脚本的内容 为什么这会突然停止工作 ============================================== $('.team')。单击(函数(){Javascript 模式弹出窗口已停止运行,javascript,jquery,popup,popupwindow,Javascript,Jquery,Popup,Popupwindow,第三方开发人员为我们的“会见团队”页面创建了一个模式弹出窗口。由于某种原因,它停止了工作 通过单击员工图片,他们的详细信息应显示在图像下方 网页为: 我在下面粘贴了我认为是函数脚本的内容 为什么这会突然停止工作 ============================================== $('.team')。单击(函数(){ var\u this=$(this); if($(_this).hasClass('active')) { 返回false; } 其他的 { $('.te
var\u this=$(this);
if($(_this).hasClass('active'))
{
返回false;
}
其他的
{
$('.team.active').removeClass('active');
$(_this).addClass('active');
$('body')。前缀(“”);
}
});
$(窗口).on('单击','.overlay',函数(e){
$('.team.active').removeClass('active');
$('.overlay').remove();
});
$('.close overlay')。单击(函数(e){
e、 预防默认值();
$('.team.active').removeClass('active');
$('.overlay').remove();
返回false;
});
$('.print')。单击(函数(e){
e、 预防默认值();
window.print();
});
});
$('.close overlay')。单击(函数(e){
e、 预防默认值();
$('.team.active').removeClass('active');
$('.overlay').remove();
返回false;
});
$('.print')。单击(函数(e){
e、 预防默认值();
window.print();
});
});
如果查看开发人员控制台,您将看到索引文档的第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();
}
});
由于语法错误(Uncaught SyntaxError:if时出现意外标记),代码被中断索引文件的第1046行缺少大括号({) 电话:1046
$('#responsive-sidebar-button').click(function() //function curly brace is missed
$('#responsive-sidebar-button').click(function() { //Need to add this curly brace here.
代码可以正常工作。如果复制以下代码并在控制台中运行,则所需的输出可以正常工作。由于存在缺少
{
大括号的问题,单击事件侦听器将无法在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;
});
$('.team')。单击(函数(){
var_this=$(this);
if($(_this).hasClass('active'))
{
返回false;
}
其他的
{
$('.team.active').removeClass('active');
$(_this).addClass('active');
$('body')。前缀(“”);
}});
$('.close overlay')。单击(函数(e){
e、 预防默认值();
$('.team.active').removeClass('active');
$('.overlay').remove();
返回false;
});
$('.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;
});