Question

我在2列columncount设计中有一些li元素。我想在网站上添加以下功能：如果单击div元素（位于li元素内部），则应该添加以下类：

-webkit-column-break-before:always;
-moz-column-break-before:always;
background-color: fuchsia; /* only for demonstration */

使用此功能，我可以强制以下元素浮动到第二列。我需要这个来打印。

不幸的是，这仅适用于Safari，不适用于Chrome和Firefox（始终为最新版本）。

请点击我的小提琴中的灰色元素以正确理解我的描述： https://jsfiddle.net/nickkkk/9nrtdg6q/3/

Answer 1

首先，应该在添加js文件之前添加jquery。

1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
2. <script src="./main.js" type="text/javascript"></script>

第二，别忘了document.ready函数。

第三，要切换的类必须以分号单独添加。

$(document).ready(function() {

    $('.day').click(function() {
    $(this).toggleClass('toggled', 'day');
  });

})

希望这会有所帮助;-）

切换功能仅在野生动物园中工作之前添加column-break-before

1 个答案: