Jquery Overlay未显示

Question

我希望在我的访问者离开网站时使用courser显示叠加层，这是一个有效的demo

但是当我将其添加到我的真实网站时，它不会显示real site

页面变为灰色，但不显示模态。

以下是叠加层的源代码：https://github.com/carlsednaoui/ouibounce

Answer 1

弹出窗口加载

时，请尝试以下代码

您需要在下面提到的函数

中的ouibounce.js中添加此行

  function fire() {

   $("#ouibounce-modal .modal").show();
   if (isDisabled()) { return; }

   if (el) { el.style.display = 'block'; }


   callback();

   disable();

}

Answer 2

从你的模态中移除display: none，它应该可以正常工作。

无论z-index如何，您的模态始终处于隐藏状态。