Question

我有两个按钮，说“按钮A”和“按钮B”，这两个按钮最初都是可见的。单击按钮B发送ajax请求，该请求带来数据，然后在“按钮A”上设置display:none。再次单击按钮B时，它会带来数据，但这次会在“按钮A”上设置display:block。在反复执行上述操作大约10-15次后，按钮A停止响应并且甚至不调用其onClick功能。它只发生在chrome中，而不是IE中。

设置visibility :visible和visiblity:hidden可以解决问题，但需要使用display属性。

针对上述问题是否有任何解决方案。

Answer 1

你可以这样做：

<div id="overlay"></div>
<!-- End Overlay -->
<button id="toggler">Apply Overlay</button>
<div id="sB">

<button id="closeit">Close Overlay</button>
</div>

http://codepen.io/damianocel/pen/VevpwM

请参阅，第二个按钮不会一直显示。

或者，如果你可以使用Jquery，你可以将eventHandler绑定到不存在的元素，如下所示：

$(document).on("click","your button",function(){ your function block});

这样做，我不知道如何在香草JS中做到这一点，如果有人可以解释一下，我会非常感激。

此致

如果按钮重复隐藏并显示

1 个答案: