jquery - 如何防止 Ouibounce 出现在移动设备上？

Question

我已经实现了Ouibounce它的效果惊人。 下面是示例脚本代码。

我的问题是如何防止弹出窗口在移动设备上启动？ 我的第一个解决方案是在 479px 以下时给模态 div 一个 display:none 值，但我确信有一个更智能的解决方案...

谢谢

<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";
  }
}