Javascript 切换功能在仅使用safari之前添加分栏符

Javascript 切换功能在仅使用safari之前添加分栏符,javascript,css,Javascript,Css,我在2列columncount设计中有一些li元素。我想向站点添加以下功能:如果单击li元素中的div元素,它应该添加一个包含以下内容的类: -webkit-column-break-before:always; -moz-column-break-before:always; background-color: fuchsia; /* only for demonstration */ 使用此函数,我可以强制以下元素浮动到第二列上。我需要这个来打印 不幸的是,这只适用于Safari,而不适用

我在2列columncount设计中有一些li元素。我想向站点添加以下功能:如果单击li元素中的div元素,它应该添加一个包含以下内容的类:

-webkit-column-break-before:always;
-moz-column-break-before:always;
background-color: fuchsia; /* only for demonstration */
使用此函数,我可以强制以下元素浮动到第二列上。我需要这个来打印

不幸的是,这只适用于Safari,而不适用于Chrome或Firefox的最新版本

请单击我的小提琴中的灰色元素以正确理解我的描述:

首先,您应该在添加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(function() {

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

})