Javascript JQuery在设置div'时导致闪烁；它显示为无

我首先要说的是，这个问题与页面加载无关。我知道修复页面加载闪烁是这里常见的问题

我有一个标签，它包含一个表单，用于将数据插入MySQL数据库。此标记位于我的index.php文档的末尾。然后我将CSS设置为

   display: none; position: absolute; top: 20px; left: 20px;

当在页面上单击相应的按钮时，我设置了一个onclick侦听器，将CSS更改为block：

    $("#insertForm").css("display", "block");

此时一切正常，但当用户单击链接（与之关联的

onclick

侦听器）隐藏表单时，会在隐藏div标记的同时导致令人讨厌的屏幕闪烁。我在用电话

    $("#insertForm").css("display", "none");

命令隐藏标记

---

有没有办法修复此闪烁？

1.尝试阻止浏览器默认行为：

$('#clicker').on('click', function( e ){

    e.preventDefault();
  
    // do wat you do

});

无论如何，请尝试设置初始显示：无在CSS中，这样你就可以保护由于加载DOM而引起的任何窃听，然后你的元素被JS隐藏（jQuery）

2.再读一遍你的问题 我可以假设您的元素位于页面的末尾，通过设置为

display:none，它的HEIGHT

导致
文档
松动
滚动高度
-页面跳转/轻弹

尝试使用
可见性
而不是
显示
你完全正确。在发布这个问题后，我有点意识到了这一点。我忘了返回错误；在我的点击事件结束时。谢谢您的快速回复。：）