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

标签 javascript jquery

我正在为我的广告使用 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/

相关文章:

Jquery Ajax,从 mvc.net Controller 返回成功/错误

javascript - 边框颜色不会改变

javascript - 更新 Mysql 文本列,其中包含单引号。

javascript - 如何连接/分割实际上是一个对象的对象

javascript - ReactJS返回页面的同一部分

javascript - 如何根据点击将 "mark"一个 UL/LI 导航项作为 "active"?

javascript - javascript对象中的平等?

javascript - 如何使用 jQuery/Javascript 将帖子预览替换为完整内容?

javascript - 如何阻止一行 JavaScript 在 IE 中运行(但让它在其他浏览器中运行)?

javascript - react 中的`$(...).fullCalendar is not a function`