我正在为我的广告使用 jQuery 隐藏点击,所以我有以下代码:
$(document).ready(function() {
$(".myadcss").click(function() {
$(this).hide(1000)
});
现在我想在有人点击广告时禁用此功能,所以如果有人点击透明色?
最佳答案
首先,您的代码示例不完整,可能会引发错误,因为第一个函数未关闭:
$(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/