img1是点/图像的ID

Question

我有六个图像作为点，在单击时已在其上应用了动画。所有六个图像都有各自的发光/颜色文本：单击其各自的点/图像时为白色现在的问题是我在一个图像/点上有一个图像/图标，当我单击另一个图像/点时它没有隐藏

两个问题- 1.图标不隐藏 2.单击其他图像/点时，该点/图像不再可单击

提供视频以更好地理解（https://streamable.com/ab999）

在此视频中，您将看到我有一个点/图像及其相应的文本（内部版本），我已经对其进行了编码，就像页面加载时它被自动单击并发生了动画一样。（这是应该发生的）

当我单击任何其他图像/点（构建文本图像/点上的黑色图标未隐藏）并且构建文本图像/图标再次不可单击时，您会看到，因为黑色/图标在那里并且使其不可单击

我正在尝试的jQuery是这个

$(function() {
  if($("#img1").click()){
    $(".icon").css("display","block");
    console.log("if");
  }
  else{
    $(".icon").css("display","none");
    console.log("else");
  }
});

我已经将console.log仅仅用于检查，但是我的控制台仅显示（“ if”）从未显示（“ else”）

img1是点/图像的ID

.icon是黑色图标类，它位于构建图像的顶部，并且具有css属性位置：相对

<li class="paralx-dots"><span class="icon-text" id="1">Build</span><img src="images/Circle 1- Blue .svg" class="paralx-dot-1" class="Active" data-box="div1"  id="img1"  tabindex="0"><span class="icon-position"><img src="images/logos/noun_build_1909132.svg" class="icon"></img></span></img></li>

我希望当我单击任何其他图像/点时，黑色图标隐藏（不显示），而当我再次单击该点/图像（构建）时，它再次出现

Answer 1

之所以总是显示“ if”的原因是$ .click（）实际上是.trigger（“ click”）的快捷方式，它将始终返回一个jQuery对象。

jQuery click reference

在我看来您实际上要使用事件处理程序。尝试类似$(".icon").on('click', yourFunction)

Answer 2

尝试

$(function() {

  $(".icon").css("display","none");
  
  $("#img1").on("click", function() {
  
    $(".icon").css("display","block");
    console.log("click");
  
  }))
});

Answer 3

您必须在这样的图像上添加动作点击。

$('img').click(function () { 
  if (this.id === 'img1') { 
    $(".icon").css("display","block"); 
  } else { 
    $(".icon").css("display","none"); 
  } 
})

请注意，$("#img1").click()将触发点击。

点击其他图片时如何隐藏另一张图片上方的图片

img1是点/图像的ID

3 个答案: