gpt4 book ai didi

javascript - 如何使用透明颜色的 Jquery 禁用点击隐藏功能

转载 作者:行者123 更新时间:2023-11-30 20:28:04 25 4
gpt4 key购买 nike

我正在为我的广告使用 jQuery 隐藏点击,所以我有以下代码:

$(document).ready(function() {
$(".myadcss").click(function() {
$(this).hide(1000)
});

现在我想在有人点击广告时禁用此功能,所以如果有人点击透明色?

enter image description here

Demo Ad: 728x90

Demo Full Ad:

最佳答案

首先,您的代码示例不完整,可能会引发错误,因为第一个函数未关闭:

$(document).ready(function() {
$(".myadcss").click(function() {
$(this).hide(1000)
});
});

现在,只需将“myadcss”类添加到您的广告横幅中。这样一来,点击功能只会在您的广告横幅上触发,而不会在其他地方触发。

此外,如果你想防止隐藏你的横幅,如果点击了某个特定的元素,你可以检查被点击的元素类名并决定在这种情况下中止你的函数:

$(document).ready(function() {
$(".myadcss").click(function(event) {
if(event.target.classList.contains('specific')) {
return;
}

$(this).hide(1000)
});
});
.myadcss {
height: 200px;
width: 50px;
background: red;
}

.specific {
margin: 30px 5px;
height: 30px;
background: white;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>example</title>
</head>
<body>

<div class="myadcss">
Your banner text
<div class="specific"></div>
</div>
</body>
</html>

检查单击白色区域:上面的 JavaScript 将检查其类名,并使用 return 语句中止执行进一步的代码。

关于javascript - 如何使用透明颜色的 Jquery 禁用点击隐藏功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50665188/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com