Question

我想在移动设备或screen.width＆lt;中使用此javascript。 768

我尝试了这个但行动......

<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();
});

我想只在移动设备中使用JavaScript（snap.js）

2 个答案: