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

问题描述

我正在为我的广告使用 jQuery hide on click，所以我有以下代码：

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

现在我想禁用这个功能，如果有人点击广告，那么如果有人点击透明颜色？

演示广告：728x90

演示完整广告：

标签： javascriptjquery

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

$(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 以透明颜色禁用隐藏点击功能

问题描述

解决方案

推荐阅读