Javascript 切换功能在仅使用safari之前添加分栏符
我在2列columncount设计中有一些li元素。我想向站点添加以下功能:如果单击li元素中的div元素,它应该添加一个包含以下内容的类: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,而不适用
-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');
});
})