javascript - 无法获取此条件语句以将列调整回来

Question

1. 在使其正常工作时遇到问题。

2. 目的是在单击事件上将具有两列的列表切换为 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>
   

Answer 1

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