我只想在移动(snap.js)中使用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
;}

而且效果很好。但当你调整窗口尺寸时，我仍在寻找一种方法让这个东西正常工作。现在它只使用屏幕的开始宽度。

Answer 2

如果您使用jQuery，这似乎适合我：

function snapperToggler() {
    if ($(window).width() <= 768) {
        snapper.enable();
    } else {    
        snapper.close();
        snapper.disable();
    }
}

$(window).resize(function() {
    snapperToggler();
});