javascript - 将“if”添加到 javascript 函数

Question

我目前正在处理一个包含 javascript 函数的 html 页面，我想添加一个“if”，以便该函数仅在页面宽度超过 500 像素时才会激活。这是功能：

$(function(){
    $("#page-wrap").wrapInner("<table cellspacing='30'><tr>");
    $(".post").wrap("<td>");
});

我想我应该添加类似的东西， "if (screen.width > 500px)"但我不知道如何使它工作。

谢谢

Answer 1

if ($(window).width() > 500) {

}

是你需要的！像这样：

if ($(window).width() > 500) {
    $("#page-wrap").wrapInner("<table cellspacing='30'><tr>");
    $(".post").wrap("<td>");
}

Answer 2

不要忘记使用 jQuery 的 resize 功能来测试用户是否正在调整窗口大小。

$(function() {
   // Trigger on load   
   resizeTable();

        //Trigger on resize
    $(window).on('resize', function() {
        resizeTable();
    });

    function() resizeTable() {
        if ($(window).width() > 500) {
             ...
        }
    }
});

Answer 3

这就是您所需要的，包括脚本标签和document.ready包装器......

<script type="text/javascript">
    $(function(){
        if ($(window).width() > 500) {
            $("#page-wrap").wrapInner("<table cellspacing='30'><tr>");
            $(".post").wrap("<td>");
        }
    });
</script>