Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 物化CSS转盘指示器不可单击_Javascript_Html_Css_Materialize - Fatal编程技术网

Javascript 物化CSS转盘指示器不可单击

Javascript 物化CSS转盘指示器不可单击,javascript,html,css,materialize,Javascript,Html,Css,Materialize,物化CSS旋转木马指示器不可单击,我将旋转木马设置为全宽,高度设置为窗口高度。我使用的MaterializeCSS版本是0.100.2。指示灯是可见的,当我悬停时,它是不可点击的。我已经附上下面的代码 函数setCarouselHeight(){ var hero=$(“#hero”).offset(); var windowHeight=$(window.height(); var carouselHeight=窗口高度-hero.top; $(“英雄”).css(“高度”,旋转木马重量+“

物化CSS旋转木马指示器不可单击,我将旋转木马设置为全宽,高度设置为窗口高度。我使用的MaterializeCSS版本是0.100.2。指示灯是可见的,当我悬停时,它是不可点击的。我已经附上下面的代码

函数setCarouselHeight(){
var hero=$(“#hero”).offset();
var windowHeight=$(window.height();
var carouselHeight=窗口高度-hero.top;
$(“英雄”).css(“高度”,旋转木马重量+“px”);
$(“.carousel img”).css(“高度”,carouselHeight+“px”);
}
函数setCarouselAutoplay(){
$('.carousel')。carousel('next');
setTimeout(setCarouselAutoplay,4500);
}
$(文档).ready(()=>{
设置转盘高度();
$('.carousel')。carousel({
地区:-40,
填充:0,
全宽:对,
指标:正确,
持续时间:100
});
setCarouselAutoplay();
});
.carousel1{
背景图像:url(../images/carousel/img6.jpg);
背景重复:无重复;
背景位置:中心;
背景尺寸:封面;
背景色:线性渐变(向右,#A1FFCE,#FAFFD1);
过滤器:灰度(0.5);
}

农民


无需编写那么多jQuery

<! ––Just add the script tag like this in html-->
<script>M.AutoInit();</script>


M.AutoInit();

无需编写那么多jQuery

<! ––Just add the script tag like this in html-->
<script>M.AutoInit();</script>


M.AutoInit();