Question

我已经实施了Ouibounce并且效果惊人。下面是示例脚本代码。

我的问题是如何阻止弹出窗口在移动设备上启动？我的第一个解决方案是给模态div一个显示：479px以下没有值，但我确信有一个更聪明的解决方案......

由于

<script>        
        var _ouibounce = ouibounce(document.getElementById('ouibounce-modal'), {
            aggressive: true,
            timer: 0,
            callback: function () { console.log('ouibounce fired!'); }
        });
        $('body').on('click', function () {
            $('#ouibounce-modal').hide();
        });
        $('#ouibounce-modal .modal-footer').on('click', function () {
            $('#ouibounce-modal').hide();
        });
        $('#ouibounce-modal .modal').on('click', function (e) {
            e.stopPropagation();
        });
    </script>

Answer 1

对于迟到的回复感到抱歉。在我自己搜索类似的东西之后找到了这个。以下应该适合你。

function() {
  // detect mobile device
  var mobile = navigator.userAgent.match(/Android|BlackBerry|iPhone|iPad|iPod|Opera Mini|IEMobile|webOS/i);

  if (mobile) {
    return mobile;
  } else {
    return "desktop";
  }
}

Answer 2

根据设计，Ouibounce不会在手机上发射。它跟踪光标移动，并且没有任何触摸屏。

如何防止Ouibounce出现在手机上？

2 个答案: