jquery - 弹出式横幅无法关闭
问题描述
我写了五个弹窗的代码,前两个可以点击“X”关闭,其他的不行。谁能帮我查一下代码?我应该在哪里修改?谢谢。
这些横幅我有五个 id:#closeadv
, #closeadv2
, #closeadv3
, #closeadv4
,#closeadv5
jQuery(function($) {
$("#closeadv").click(function() {
$("#hovertree_float_layer").fadeOut("slow");
});
$(window).resize(function() {
console.log("hovertree_float_layer: " + $("#hovertree_float_layer").width() + " window: " + $(window).width());
var left = ($(window).width() - $("#hovertree_float_layer").width()) / 2 + "px";
$("#hovertree_float_layer").css("left", left);
});
$("#closeadv2").click(function() {
$("#hovertree_float_layer2").fadeOut("slow");
});
if ($(window).width() <= 414)
$("#hovertree_float_layer2").css("width", "125px");
else if ($(window).width() > 414 && $(window).width() <= 768)
$("#hovertree_float_layer2").css("width", "200px");
else
$("#hovertree_float_layer2").css("width", "auto");
$(window).resize(function() {
if ($(window).width() <= 414)
$("#hovertree_float_layer2").css("width", "125px");
else if ($(window).width() > 414 && $(window).width() <= 768)
$("#hovertree_float_layer2").css("width", "200px");
else
$("#hovertree_float_layer2").css("width", "auto");
});
});
function showDiscount() {
jQuery(function($) {
$("#hovertree_float_layer").fadeIn("slow");
});
}
function showDiscount2() {
jQuery(function($) {
$("#hovertree_float_layer2").fadeIn("slow");
});
}
function showDiscount3() {
jQuery(function($) {
$("#hovertree_float_layer3").fadeIn("slow");
});
};
function setposotion() {
console.log("hovertree_float_layer: " + $("#hovertree_float_layer").width() + " window: " + $(window).width());
var left = ($(window).width() - $("#hovertree_float_layer").width()) / 2 + "px";
$("#hovertree_float_layer").css("left", left);
}
解决方案
推荐阅读
- mysql - 如果 id 不为空,则对 mysql 进行分组
- stm32 - STM32H7 上的 MDMA 和内部 FLASH R/W
- mongodb - 如何修改会话的过期超时
- asp.net - 在 Azure 应用程序日志中,32 位进程无法访问 64 位进程的模块
- php - 将 mssql datetime2 转换为 mysql datetime
- javascript - 如何封装 webcomponent 中使用的外部脚本
- javascript - 如果我们在 JavaScript 中使用逗号,是否保证首先初始化哪个变量?
- python - 将字典转换为带有缩进的 html
- sublimetext3 - Sublime中行号左侧的红色箭头是什么
- javascript - 为什么 onerror 不拦截来自 Promise 和异步函数的异常