意图是单击事件,以使具有两列的列表切换到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>
答案 0 :(得分:0)
不要在css之后链接.set.$col = 2;
,而是尝试在css之后结束行。然后在下一行说$col = 1 or 2
我还建议不要使用bling符号来表示与jQuery集合没有直接关系的变量等等。我也不相信.set是一种有效的方法。