jquery on click函数仅在双击时工作

我对.click上的jquery函数有问题。 我有一个按钮，当我双击它打开一个淡入模式，但如果我点击一次，什么也不会发生。我不知道我哪里做错了。这个按钮有一个用CSS制作的悬停效果。这种悬停效果会干扰按钮的点击吗

下面是我的代码。谢谢

函数fadeIn（）{
$（文档）.ready（函数（）{
var按钮=$（event.relatedTarget）；
$（“#tasto1”）。在（'click'，function（）上{
$（“#MyMode”）.fadeIn（600）；
})
});
}
//打开模型
函数openModal（）{
/*document.getElementById（“myModal”）.style.display=“block”*/
document.queryselectoral（“.seconda_筋膜”）.forEach（函数（元素）{
element.style.display=“无”；
});
document.queryselectoral（“.prima_筋膜”）.forEach（函数（元素）{
element.style.display=“内联块”；
});
}

情态标题
&时代；
1/4
1/4
2/4
3/4
4/4
❮
❯

您想要实现的目标并不明确，您提供的代码也不起作用

我认为问题出在

fadeIn

函数中，在每次迭代中都会附加一个事件侦听器。而且，在第一次单击时，不会执行回调，这似乎是 您描述的问题

要修复此问题，应将函数更改为：

function fadeIn() {
  $("#myModal").fadeIn(600);
}

也要考虑JS中的事件绑定，避免<代码> OnCase< /Co> >和类似的结构，并选择如下：

$(document).ready(function() {
  $("#tasto1").click(function() {
    openModal();
    currentSlide(1);
    fadeIn();
  });
});

---

这完全是对点击事件的错误使用

<button class="d-flex align-self-end float-right ico_doc btn" onclick="openModal();currentSlide(1);fadeIn();" id="tasto1" type="button">

您将像以前一样进行内联函数调用

onclick="openModal();currentSlide(1);fadeIn();"

然后在里面做你需要的一切：

function fadeIn() {
      $("#myModal").fadeIn(600);
}

或者您不打算内联调用它并使用jQuery设置它：

onclick="openModal();currentSlide(1)"

$("#tasto1").on('click', function() {
  $("#myModal").fadeIn(600);
})

请阅读如何

非常感谢！：）你救了我的命。我的错误是我不明白如何在一个按钮中传递多个功能。

onclick="openModal();currentSlide(1)"

$("#tasto1").on('click', function() {
  $("#myModal").fadeIn(600);
})