Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/404.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery仅在移动设备上操作DOM_Javascript_Jquery_Css_Responsive Design - Fatal编程技术网

Javascript Jquery仅在移动设备上操作DOM

Javascript Jquery仅在移动设备上操作DOM,javascript,jquery,css,responsive-design,Javascript,Jquery,Css,Responsive Design,我有一个引导柱系统,无论它们是如何堆叠的,在移动设备上,我想移动其中一个元素以显示在另一个元素之前。我相信这可以通过.append()完成 是否可以使用append()移动我想要的元素,但只能在移动设备上移动 谢谢您可以先检查设备的浏览器是否支持触摸事件(例如,桌面不支持,手机支持) 如果是这样,您可以执行append,如果不是这样,就不会发生任何事情 var isMobile = (function() { try{ document.createEvent("TouchEvent");

我有一个引导柱系统,无论它们是如何堆叠的,在移动设备上,我想移动其中一个元素以显示在另一个元素之前。我相信这可以通过.append()完成

是否可以使用append()移动我想要的元素,但只能在移动设备上移动


谢谢

您可以先检查设备的浏览器是否支持触摸事件(例如,桌面不支持,手机支持)

如果是这样,您可以执行append,如果不是这样,就不会发生任何事情

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

if(isMobile) {
    your append action
}

在这里,您可以获得javascript/jquery文件,其中包含所有移动/平板设备的基于regex的函数。 如果您选择其中一些,并为手机/平板电脑构建两个单独的功能,则可以为平板电脑和手机分别执行regex


希望有帮助:)

分享一些代码、片段或提琴也许这会有帮助,链接很棒,非常感谢:)但是你怎么知道它的平板电脑或手机都支持触摸事件呢?不,是的。我想说,你可以试着检查设备的纵横比,因为手机通常有16:9或16:10的纵横比。平板电脑通常有不同的长宽比,如4:3。对于iPad,您还可以使用navigator.platform属性进行检查。以下是完整的列表: