移动div的Javascript在iPad上不起作用

Question

我正在使用这个脚本移动一些div：

<script type="text/javascript">
onresize=onload=function() {
    if ($(window).width() < 768) {
        $("#MainContent").insertAfter($("#ImageSlider"));
        $("#Menu").insertBefore($("#TopBanner"));
    } else {
        $("#MainContent").insertBefore($("#ImageSlider"));
        $("#Menu").insertBefore($("#Footer"));
    }
};
</script>

除了在iPad上，它的效果很好。我有什么想法吗？

Answer 1

尝试“screen.width”

<script type="text/javascript">
onresize=onload=function() {
    if (screen.width < 768) {
        $("#MainContent").insertAfter($("#ImageSlider"));
        $("#Menu").insertBefore($("#TopBanner"));
    } else {
        $("#MainContent").insertBefore($("#ImageSlider"));
        $("#Menu").insertBefore($("#Footer"));
    }
};
</script>