如何仅为移动设备应用jquery？

Question

我只需要为移动浏览器应用以下jquery:

<script>
   $('.right').insertBefore('left');
</script>

这是重新排序bootstrap列的位置.

我该怎么做呢？它需要被包裹吗？

Answer 1

总是很难检测它是移动设备的浏览器还是带触摸屏的笔记本电脑.因此,如果您关注屏幕尺寸,我会建议您检测屏幕尺寸,如果它低于一定水平(如下所示481px),那么我们将假设它是一个移动屏幕并将执行您需要的代码如下:

$(document).ready(function () {
    $(window).on("resize", function (e) {
        checkScreenSize();
    });

    checkScreenSize();

    function checkScreenSize(){
        var newWindowWidth = $(window).width();
        if (newWindowWidth < 481) {
            $('.right').insertBefore('.left');
        }
        else
        {
            $('.left').insertBefore('.right');
        }
    }
});

Answer 2

要编写仅适用于移动设备的 jQuery，只需使用下面的示例，它对我有用。

if(window.outerWidth < 425) {
  alert('your jquery code here - it fires for mobile device only');
}

编辑：错误的符号小于