Question

我已经建立了一个聊天窗口，用户可以在我的网站上寻求支持。事情是，在他完成并想要关闭窗口后，他按下“X”关闭聊天窗口。但是我在这里做了一个div，它出现在屏幕中间，并问他是否要真的关闭窗户。这是代码：

<div id="background">
<div id="stay">
<p style="font-family:Tahoma, Geneva, sans-serif;font-weight:600;font-size:19px;margin-top:10px;">Exiting the support window will delete all the conversation you had with the staff and will disconnect you from the conversation. </p>
<p style="font-family:Tahoma, Geneva, sans-serif;font-weight:600;font-size:19px;">Are you sure you want to exit ?</p>
<div id="agree">
<p>Yes</p>
</div>
<div id="cancel">
<p>No</p>
</div>
</div><!--stay end-->
</div><!--background end-->

Jquery：

$("#exit").click(function() {
        $("#livesupport").hide();
        $('html, body').animate({scrollTop:0}, 'fast');
        $("#background").toggle();
        $("body").css({ 'overflow':'hidden' });
        $.post('utility/rchat.php', { table: sessid } , 
        function(getshiton) {
        });
});

“＃livesupport”是聊天窗口。

如何做出无答案，以便当用户按下它时返回页面并且不对页面进行任何更改，当他按下是时，他将关闭支持窗口。

Answer 1

我会使用一个弹出框，而不是你用yes和no做什么，这很容易。你的代码看起来像这样：

$("#exit").click(function() {
    if(confirm("Are you sure you want to exit this window?")) {
        $("#livesupport").hide();
        $('html, body').animate({scrollTop:0}, 'fast');
        $("#background").toggle();
        $("body").css({ 'overflow':'hidden' });
        $.post('utility/rchat.php', { table: sessid } , 
        function(getshiton) {
        });
    }
});

Answer 2

我不确定你们在这里工作的是什么，但这是一个基本概念。您的自定义“确认”消息框将有两个按钮，默认情况下是隐藏的。

// USER CLICKED THE EXIT BUTTON
$("#exit").click(function() {
    /*  SHOW YOUR CUSTOM CONFIRM OVERLAY */
}

// CONFIRM BUTTON IS CLICKED
$("#confirmExitButton").click(function(){
   /* CLOSE THE CHAT */
});

//CANCEL BUTTON IS CLICKED
$("#cancelExitButton").click(function(){
   /* MAKE THE CONFIRM DISAPEAR */
});

关闭活动聊天窗口前确认框

2 个答案: