在Firefox

Question

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

我已经实现了代码。但我面临两个问题：

第一个问题：我首先使用setInterval和clear interval隐藏了实时聊天框（隐藏了它的id / class didn＆t; t）。添加了以下代码：

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

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

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

聊天最初是隐藏的。但刷新页面后，即使我没有延迟，聊天框也会显示为眨眼，然后突然消失。我不想在短时间内显示聊天框闪烁。

主要问题：

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

所以请帮帮我们。

由于

Answer 1

您必须清除interval（timer），然后它将按预期工作。希望这会有所帮助。

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