0

我制作了一个聊天窗口，用户可以在其中在我的网站上寻求支持。问题是，在他完成并想要关闭窗口之后，他按下了关闭聊天窗口的“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-->

查询：

$("#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”是聊天窗口。

如何让 No 成为答案，以便当用户按下它时它会返回到页面并且不对页面进行任何更改，并且当他按下 Yes 时，他会关闭支持窗口。

4

2 回答 2

1

我会使用一个弹出框，而不是你正在做的是和否，这很容易做到。您的代码如下所示：

$("#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) {
        });
    }
});
于 2012-08-22T17:29:21.907 回答
0

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

// 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 */
});
于 2012-08-22T17:55:50.207 回答