Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/409.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无法获取此条件语句以重新调整列 让它工作起来有问题。_Javascript_Jquery_Css - Fatal编程技术网

Javascript 无法获取此条件语句以重新调整列 让它工作起来有问题。

Javascript 无法获取此条件语句以重新调整列 让它工作起来有问题。,javascript,jquery,css,Javascript,Jquery,Css,其目的是在单击事件时使一个包含两列的列表切换到一列,同时隐藏相同级别的元素,然后在下一次单击时执行相反的操作。我特别无法在第二次单击时获取列切换回两列的条件语句 <script> var $col = 2; $(".pft-directory").click(function () { $(".pft-directory").toggle("fast"); $(this).toggle("fast"); if ($c

其目的是在单击事件时使一个包含两列的列表切换到一列,同时隐藏相同级别的元素,然后在下一次单击时执行相反的操作。我特别无法在第二次单击时获取列切换回两列的条件语句

<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>

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

您也可以显示您的HTML吗?很难知道只提供JS会发生什么,但对于初学者来说,在点击$this时,你要切换相同的元素两次;指单击的元素,该元素与它上面的行相同。set.$col这不是错误的吗?这不是使用css的有效方法。不知道怎么办。设置。$col可以……谢谢你的建议,你解决了我的问题。