仅在移动设备上禁用jQuery插件

Question

我有一个jQuery插件附加到一个元素，我想阻止该插件仅在移动设备上运行。我还附加了另一个插件，一个灯箱，但无论有人使用移动设备还是台式机，我都想留下来。

这是我想在移动设备上停止的插件：https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

这是代码：

// Adding in the plugin
$(function() {
    $(playlist).swipe({
        swipeStatus:function(event, phase, direction, distance, duration) {
           // code for swipy stuff here ....
           // ...
           // ...
        }
 });
// Trying to remove the plugin
window.onresize = function(event) {
        var deviceWidth = $(window).width();
        if(deviceWidth <= 768) {
            $(playlist).swipe({
                swipeStatus:function(event, phase, direction, distance, duration) {
                    event.preventDefault();
                    event.stopPropagation();
                },
                threshold: 0,
                fingers:'all'
            });
        }
    };

如果您有任何想法，请告诉我。我还尝试分离播放列表并将其重新附加到 DOM，但这也不起作用。

谢谢！

Answer 1

您可以验证用户代理是否不是移动设备并初始化您的插件。

演示：

function isMobile () {
 if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)
 return true;
}
if(!isMobile()) {
    $(playlist).swipe({
        swipeStatus:function(event, phase, direction, distance, duration) {
            event.preventDefault();
            event.stopPropagation();
        },
        threshold: 0,
        fingers:'all'
    });
}