如何仅为移动设备应用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');
}