带有自定义文本的 Jquery 退出弹出窗口答案

【问题标题】：Jquery Exit popup with custom text带有自定义文本的 Jquery 退出弹出窗口
【发布时间】：2013-05-05 19:46:21
【问题描述】：

我需要在我的购物车网站中使用 jquery 退出弹出窗口。如果有人试图退出网站，那么将弹出 10% 的折扣让他留在那个页面上。我搜索了很多，但只有确认框的示例。

谁能给我示范一下。

【问题讨论】：

标签： performance jquery-ui jquery jquery-plugins

【解决方案1】：

我相信这根本不可能。如果您可以在用户尝试离开页面时做任何您想做的事情，例如永远不要让他这样做。换句话说 - 您不能显示默认对话框的自定义弹出窗口。

您可以做的是显示标准对话框并在后台执行某些操作。例如

<script type="text/javascript">
    $(window).bind('beforeunload', function() {
        window.discountPercent = 10;
        $("body").append("<strong>You now have a " + discountPercent + "% discount!</strong>");
        return 'You will get a discount if you dont leave. Still wanna leave?'; 
    });
</script>

【讨论】：

嗨，rocky “您现在有 10% 的折扣！”这个在页面上显示.....我想在弹出窗口中显示它......任何帮助???谢谢
所以把消息放到函数的返回中。或者，如果您想在另一个弹出窗口中显示它，您可以调用$( "#dialog" ).dialog();，它希望您在页面上隐藏了<div id="dialog" title="Basic dialog">You now have a 10% discount!</div>。