javascript - 我只想在移动设备中使用 JavaScript (snap.js)

Question

我想仅在移动设备或 screen.width < 768 中使用此 JavaScript

我尝试过这样做，但行动...

<script type="text/javascript" src="/js/mobile-menu/open-left.js"></script>
<script type="text/javascript" src="/js/mobile-menu/snap.js"></script>
<script type="text/javascript">
    var snapper = new Snap({
        element: document.getElementById('content'),
        disable: 'right'
    });
</script>

<script type="text/javascript">
if (screen.width < 980) { 
    document.write('<script type="text/javascript" src="js/mobile-menu/snap.js"></script>');  
 } 
</script>

我怎样才能做到这一点...

Answer 1

我想出了这个解决方案:

打开 snap.js 文件。复制粘贴此内容:

if (document.documentElement.clientWidth < 768) {
//Current snap.js code
;}

而且效果非常完美。但我仍在寻找一种方法，以便在您调整窗口大小时使该功能正常工作。现在它只需要屏幕的起始宽度。