我刚开始训练！
我的头上有一个光滑的滑球。我在jQuery的滑块上有点:true和箭头。
我想要一个显示:当屏幕是<1000px时，我的点上没有。
我正在启动Jquery，所以我不知道如何将媒体查询放到我的app.js上。
目前，我在jQuery上有以下内容:
$('.hp-header-slider').slick({
autoplay: true,
autoplaySpeed: 4000,
dots: true,
infinite: true,
cssEase: 'linear',
arrows: false,
});
我在css上设置了媒体查询，但没有工作。
/* PHONE - MOBIL - TAB */
@media screen and (max-width: 1000px){
.hp-header-slider .slick-dotted ul.slick-list li.slick-dots{
display: none !important;
}
我在JQuery上找不到像Slike-Slider那样的媒体文档。谢谢你的帮助
Slick对此有内置的响应选项:例如:
$('.responsive').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll: 2
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
}
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
]
});
