jquery - 如何仅将 jquery 应用于移动设备？

Question

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

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

这是为了重新排序引导列的位置。

我该怎么做？需要用什么东西包裹吗？

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