在 Firefox 中重新加载/刷新页面后聊天框消失

Question

我有三个单选按钮和一个提交按钮。最初会在网站上显示一个联系人框按钮，单击该按钮后，将出现这三个按钮。我们可以选择，我们需要单击其中之一。两个单选按钮用于显示弹出窗口，下一个用于显示实时聊天框。所以我为此编写了以下代码。请看链接： https://pastebin.com/RgD0vuB1

我已经实现了代码。但是我遇到了两个问题：

第一个问题：我最初使用 setInterval 和 clear interval 来隐藏 livechat 框（用它的 id/class 隐藏不起作用）。添加如下代码：

====================

<script>
 var timer = window.setInterval(function(){
jQuery('#customer-chat-iframe').css("display", "none");
}, 0); 
</script>

====================

聊天最初是隐藏的。但是在刷新页面时，即使我给了零延迟，聊天框也会像眨眼一样显示并突然消失。我不想让聊天框闪烁一小段时间。

主要问题：

我选择了聊天单选按钮，提交并开始聊天。聊天有用户端和管理员端。因此，当聊天开始时，如果我刷新页面（用户端 - FireFox (55.0.2)），然后再次单击聊天单选按钮，实时聊天框就会消失。因此，从客户端，他/她无法进行进一步的聊天。但问题不在于 chrome。即使我们刷新页面，在单击单选按钮后，聊天也会继续进行，不会丢失任何内容。你知道为什么吗？我和这个坐了很长时间。 此代码适用于 Chrome。

所以请大家帮忙。

谢谢

Answer 1

您必须 clearInterval(timer) 然后它会按您的预期工作。希望这会有所帮助。

    var timer = window.setInterval(function(){
    jQuery('#customer-chat-iframe').css("display", "none");
    }, 0); 
    window.clearInterval(timer);