Jquery plugins js carousel如何删除圆点上的数字
我一直在浏览slick-theme.css,我不知道如何隐藏插入点后的数字Jquery plugins js carousel如何删除圆点上的数字,jquery-plugins,slick.js,Jquery Plugins,Slick.js,我一直在浏览slick-theme.css,我不知道如何隐藏插入点后的数字 谁能启发我 根据slick.css,官方的解决方案是这样的 .slick-dots li button { font-size: 0; } 您可以使用jquery删除点 最好的方法是在伪元素上创建您自己的点,因为您看到的点来自列表项 这就是slick为自己的主题所做的: .slick-dots li { position: relative; display: inline-block;
谁能启发我 根据slick.css,官方的解决方案是这样的
.slick-dots li button {
font-size: 0;
}
您可以使用jquery删除点
最好的方法是在伪元素上创建您自己的点,因为您看到的点来自
列表项
这就是slick为自己的主题所做的:
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:before {
content: '•';
font-size: 22px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
text-align: center;
opacity: .25;
color: black;
}
可以使用文本缩进属性删除数字
.slick-dots li button {
text-indent: -9999px;
}
添加这个对我有用
.slick-dots li button {
display: none;
}
您可以使用javascript删除按钮的文本,如下所示:
var dotNums = document.querySelectorAll(".slick-dots button");
function removeText(item) {
item.innerHTML = ""; // or put the text you need inside quotes
}
dotNums.forEach(removeText);
这就是我从圆点上去掉数字所做的
setTimeout(function(){const dots=document.querySelectorAll('.slick dots li button')dots.forEach(dot=>dot.innerHTML=“”)},1000)
.slick dots li按钮在页面加载时并不恰好是DOM的一部分。它是在滑块开始滑动后添加的。我不知道你的意思。点后面不应该插入任何数字。你能发布一个截图吗?我相信这篇文章是在问如何删除出现在点之后的数字,而不是点本身。你应该在答案中添加一些解释。
var dotNums = document.querySelectorAll(".slick-dots button");
function removeText(item) {
item.innerHTML = ""; // or put the text you need inside quotes
}
dotNums.forEach(removeText);