Jquery仅在移动设备上操作DOM

我有一个引导列系统，但是它们在移动设备上堆叠的方式我想将其中一个元素移到另一个之前。我相信这可以通过.append（）完成。Jquery仅在移动设备上操作DOM

是否可以使用append（）移动我想要的元素，但只能在移动设备上移动？

感谢

来源

2017-02-21 user1673498

共享一些代码，代码段或小提琴 –

也许这将帮助https://www.fourfront.us/blog/jquery-window-width-and-media-queries – Chiller

这链接很好，非常感谢你:) – user1673498

您可以先检查是否设备的浏览器做支持触摸事件（例如桌面不移动呢）

如果确实如此，你可以执行追加，如果没有，什么都不会发生。

var isMobile = (function() { 
    try{ document.createEvent("TouchEvent"); return true; } 
    catch(e){ return false; } 
})(); 

if(isMobile) { 
    your append action 
}

来源

2017-02-21 12:35:01

但是，你怎么知道它的平板电脑或者移动设备是这样支持触摸事件吗？ – user1673498

的确如此。我想说，你可以尝试检查设备的宽高比，因为手机的宽高比通常为16：9或16:10。片剂通常具有不同的长宽比例如4：3。对于iPad，您还可以使用navigator.platform属性进行检查。以下是完整列表：http://stackoverflow.com/questions/19877924/what-is-the-list-of-possible-values-for-navigator-platform-as-of-today –

http://detectmobilebrowsers.com/

在这里你可以得到的JavaScript/jQuery的文件，基于正则表达式的所有移动/平板电脑设备的功能。如果您选择其中的一部分并为移动设备/平板电脑构建两个独立的功能，则可以对平板电脑和移动设备执行正则表达式。

希望它能帮助:)

来源

2017-02-21 13:03:19

Jquery仅在移动设备上操作DOM

回答

相关问题