如何防止Ouibounce出現在移動設備上？

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不火過移動，通過設計。它跟蹤光標移動，觸摸屏上沒有任何移動。