Javascript jQuery切换函数隐藏可见元素,即使参数为truthy

Javascript jQuery切换函数隐藏可见元素,即使参数为truthy,javascript,jquery,html,css,Javascript,Jquery,Html,Css,类似,但没有帮助 jQuery文档表明接受布尔参数: 该方法的第二个版本接受布尔参数。如果这 参数为true,则显示匹配的元素;如果为假,则为 元素是隐藏的 但是,传递真实(非布尔)值似乎无法识别。下面的代码交替显示/隐藏红色框,即使toggle函数传递了真实值 为什么真实的价值观不起作用 var imageURL=“数据:image/png;base64,IVBORW0Kggoaaansuhueugaaboabababababababababababababababababababababa

类似,但没有帮助

jQuery文档表明接受布尔参数:

该方法的第二个版本接受布尔参数。如果这 参数为true,则显示匹配的元素;如果为假,则为 元素是隐藏的

但是,传递真实(非布尔)值似乎无法识别。下面的代码交替显示/隐藏红色框,即使
toggle
函数传递了真实值

为什么真实的价值观不起作用

var imageURL=“数据:image/png;base64,IVBORW0Kggoaaansuhueugaaboabababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababa;
$(文档).ready(函数(){
$(“.box”)。在(“单击”,函数(){
$(“#redBox”)。切换(imageURL);
$(“#curURL”).text(imageURL);
});
});
.box{
位置:固定;
宽度:200px;
高度:200px;
背景:红色;
光标:指针;
}
#红盒{
背景:红色;
}
#蓝盒子{
背景:蓝色;
}
#curURL{
背景:黄色;
}

该方法的第二个版本接受一个布尔参数

是的,这是一个严格的布尔类型检查。请看这里:

如果您想根据
imageURL
是否为空/未定义进行切换,您可以使用双bang运算符
强制将其作为布尔表达式进行计算如下所示:

$(“#redBox”)。切换(!!imageURL);
您可以在此处阅读有关“双不”的更多信息:

可以使用一对串联的NOT运算符显式强制将任何值转换为相应的布尔基元

该方法的第二个版本接受一个布尔参数

是的,这是一个严格的布尔类型检查。请看这里:

如果您想根据
imageURL
是否为空/未定义进行切换,您可以使用双bang运算符
强制将其作为布尔表达式进行计算如下所示:

$(“#redBox”)。切换(!!imageURL);
您可以在此处阅读有关“双不”的更多信息:

可以使用一对串联的NOT运算符显式强制将任何值转换为相应的布尔基元


除了使用@MattU建议的双not运算符(
!!
)之外,您还可以使用
布尔值(imageURL)

var imageURL=“数据:image/png;base64,IVBORW0Kggoaaansuhueugaaboabababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababa;
$(文档).ready(函数(){
$(“.box”)。在(“单击”,函数(){
$(“#redBox”).toggle(布尔值(imageURL));
$(“#curURL”).text(imageURL);
});
});
.box{
位置:固定;
宽度:200px;
高度:200px;
背景:红色;
光标:指针;
}
#红盒{
背景:红色;
}
#蓝盒子{
背景:蓝色;
}
#curURL{
背景:黄色;
}

以及使用@MattU建议的双not运算符(
!!
)-您还可以使用
布尔值(imageURL)

var imageURL=“数据:image/png;base64,IVBORW0Kggoaaansuhueugaaboabababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababababa;
$(文档).ready(函数(){
$(“.box”)。在(“单击”,函数(){
$(“#redBox”).toggle(布尔值(imageURL));
$(“#curURL”).text(imageURL);
});
});
.box{
位置:固定;
宽度:200px;
高度:200px;
背景:红色;
光标:指针;
}
#红盒{
背景:红色;
}
#蓝盒子{
背景:蓝色;
}
#curURL{
背景:黄色;
}


您为什么没有在此处添加可运行的代码段?我不愿意离开网站去帮助别人,如果有人问我一些毫无理由的问题,我会感到被冒犯。@connexo done!。。只是帮一个肉汤@MattOestreich谢谢你@克拉沙洛特没问题。虽然,我对这个问题有点困惑-切换对我来说很好?原谅我,我现在明白你的意思了…你为什么没有在这里添加可运行的代码段?我不愿意离开网站去帮助别人,如果有人问我一些毫无理由的问题,我会感到被冒犯。@connexo done!。。只是帮一个肉汤@MattOestreich谢谢你@克拉沙洛特没问题。虽然,我在这个问题上有点困惑-切换对我来说很好?原谅我,我现在明白你的意思了…完全同意!这就是为什么赞扬像你这样积极的人并鼓励更多这样的行为是至关重要的。再次感谢你的帮助!完全同意!这就是为什么赞扬像你这样积极的人并鼓励更多这样的行为是至关重要的。再次感谢你的帮助!