javascript - 无法获得此条件语句来调整列

在使此工作上遇到问题。
目的是在单击事件中将具有两列的列表切换为1列，同时隐藏相同级别的元素，然后在单击时进行相反操作。我特别无法获得条件语句，以使列在第二次单击时切换回两列。

<script>
    var $col = 2;

    $(".pft-directory").click(function () {
        $(".pft-directory").toggle("fast");
        $(this).toggle("fast");

        if ($col > 1) {
            $(".php-file-tree").css("columns", "1", "-webkit-columns", "1").set.$col = 2;
        } else {
            $(".php-file-tree").css("columns", "2", "-webkit-columns", "2").set.$col = 1;
        }
    });
    </script>

代码更新：

<script>
var col = 2

$(".pft-directory").click(function() {
$(".pft-directory").toggle("fast");
$(this).toggle("fast");
if (col > 1) {
    $(".php-file-tree").css("columns", "1", "-webkit-columns", "1");
    col = 1;
} else {
    $(".php-file-tree").css("columns", "2", "-webkit-columns", "2");
    col = 2;
}

});
</script>

最佳答案

而不是在CSS之后链接.set.$col = 2;，请尝试在CSS之后结束该行。然后在下一行说$col = 1 or 2我也建议不要将bling符号用于与jQuery集合等不直接相关的变量。我也不相信.set是可用的有效方法。

关于javascript - 无法获得此条件语句来调整列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33004789/