jQuery-Plugin nur auf Mobilgeräten deaktivieren?

Question

Ich habe ein jQuery-Plugin an ein Element angehängt, und ich möchte dieses Plugin daran hindern, nur auf Mobile zu arbeiten. Ich habe auch ein anderes Plugin, eine Light Box, aber ich möchte bleiben, egal ob jemand auf dem Handy oder auf dem Desktop ist.

Dies ist das Plugin ich auf Mobil stoppen will: https://github.com/mattbryson/TouchSwipe-Jquery-Plugin

Hier ist der Code:

// 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' 
      }); 
     } 
    }; 

Lassen Sie mich wissen, wenn Sie irgendwelche Ideen bekommen. Ich habe auch versucht, die Playlist zu entfernen und wieder an das DOM anzuhängen, und das hat auch nicht funktioniert.

Danke!

Answer 1

Um dies zu tun, kann man zuerst prüfen, ob es durch die Verwendung test von useragent ein mobiles Gerät Browser ist und dann können Sie die jquery auf ihn stoppen.

var isMobileBrowser = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false; 


if(!isMobileBrowser) { 
    $(playlist).swipe({ 
      swipeStatus:function(event, phase, direction, distance, duration) { 
       event.preventDefault(); 
       event.stopPropagation(); 
      }, 
      threshold: 0, 
      fingers:'all' 
     }); 
} 

Um mehr zu wissen, sollten Sie Links know useragent

Answer 2

Sie können überprüfen, ob die user agent kein mobiles Gerät ist und init dein Plugin.

Demo:

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