Question

我有一个按钮和一个jQuery函数，如：

$('#cadastro-confirmar').click(function(){
   ...
});

<button id="cadastro-confirmar" class=" col-25 button-cadastro confirmar">Confirmar</button>

但每次页面准备就绪时，.click()的执行方式就像.ready()一样。但为什么呢？

编辑：

正如你要求我发布更多代码。

按钮id="cadastrar"会触发一个.fadeIn()的{{1}}模式，<button id="cadastro-confirmar" class=" col-25 button-cadastro confirmar">Confirmar</button>就在其中，如下所示：

var modal = document.getElementById('myModal');
var abrir_cadastro = document.getElementById("cadastrar");

<div id="myModal" class="modal">
   ...
   <button id="cadastro-confirmar" class=" col-25 button-cadastro confirmar">Confirmar</button>
</div>

问题在于，id="cadastro-confirmar"（模态内的按钮）的.click是出于某种原因，即使没有先激活模态，也可以在不点击的情况下执行他的功能。

除了这个<button> de modal之外没有重要的事情，并且没有其他按钮，div或任何调用相同功能的东西可以实际解释这种行为。

您可以使用This Fiddle和 Chrome开发工具来 DEBUG 了解。

Answer 1

像这样更改你的JS代码

$('#cadastro-confirmar').on("click", function(){
   ...
});

为什么我的点击功能在页面准备好后执行？

1 个答案: