Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.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 光滑的旋转木马不';行不通_Javascript_Jquery_Slider - Fatal编程技术网

Javascript 光滑的旋转木马不';行不通

Javascript 光滑的旋转木马不';行不通,javascript,jquery,slider,Javascript,Jquery,Slider,我试图用光滑的旋转木马来滑动日历的年份,但我无法使它工作 下面是我想制作的幻灯片: 这是我的代码: document.getElementById("calendar").getElementsByTagName("caption")[0].innerHTML="<div>"+year+"</div><div class='slick'>"+meses[month-1]+"</div><div class='slick'><a

我试图用光滑的旋转木马来滑动日历的年份,但我无法使它工作

下面是我想制作的幻灯片:

这是我的代码:

document.getElementById("calendar").getElementsByTagName("caption")[0].innerHTML="<div>"+year+"</div><div class='slick'>"+meses[month-1]+"</div><div class='slick'><a style='color: #cccccc;' onclick='mostrarCalendario("+prevYear+","+prevMonth+")'>&lt;</a></div><div class='slick'><a style='color: #cccccc;' onclick='mostrarCalendario("+nextYear+","+nextMonth+")'>&gt;</a></div><div class='slick'>"+meses[month-3]+"</div><div class='slick'>"+meses[month+1]+"</div><div class='slick'>"+meses[month-2]+"</div><div class='slick'>"+meses[month]+"</div>";

当您在html中添加javascript时,可能是当slick加载时,内容还不可用,请尝试将
$('.slick').slick()放入
setTimeOut()函数中。此外,你有这行两次<代码> <代码>,并且第二次它应该在关闭正文标签之前,所以修复它,并考虑在那里移动剩余的脚本(在关闭正文标签之前)。
编辑

你需要把所有的幻灯片放在一个光滑的元素中,所以你需要这样做。看看我对您的标记所做的更改

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="slick/slick.css">
</head>
<body>
    <center>
        <table id="calendar">
            <caption>
                <div class="slick"></div> 
            </caption>
            <thead>
                <tr>
                    <th>LUNES</th><th>MARTES</th><th>MIERCOLES</th><th>JUEVES</th><th>VIERNES</th><th>SABADO</th><th>DOMINGO</th>
                </tr>
            </thead>
            <tbody>

            </tbody>
        </table>
    </center>
    <script src="slick/slick.min.js"></script>
    <script src="js/semanal.js"></script>
    <script>mostrarCalendario(actual.getFullYear(),actual.getMonth()+1);</script>
</body>
</html>

Lunesmartesmiercolesjuevesviernessabaddomingo
mostrarCalendario(实际的.getFullYear(),实际的.getMonth()+1);
为了可读性,我把它移到了不同的行,看起来我删除了slick类,让它找到slick类而不是标题标签

document.getElementById("calendar").getElementsByClass("slick")[0].innerHTML="<div>"+year+"</div>"+
"<div>"+meses[month-1]+"</div>"+
"<div><a style='color: #cccccc;' onclick='mostrarCalendario("+prevYear+","+prevMonth+")'>&lt;</a></div>"+
"<div><a style='color: #cccccc;' onclick='mostrarCalendario("+nextYear+","+nextMonth+")'>&gt;</a></div>"+
"<div>"+meses[month-3]+"</div><div class='slick'>"+meses[month+1]+"</div><div class='slick'>"+meses[month-2]+"</div>"+
"<div>"+meses[month]+"</div>"
document.getElementById(“日历”).getElementsByClass(“光滑”)[0]。innerHTML=“+year+”+
“”+meses[第一个月]+“”+
""+
""+
“+meses[第3个月]+”+meses[第1个月]+“+meses[第2个月]+”+
“+meses[月]+”

您是否在页面的某个位置包含了slick carousel库?应该是:$(“.slick”)。slick…是的,我编辑了它…@WebCode。ie@JohnKane我试过了,但是当我使用那部分代码时,我的日历都变空了。有什么问题吗?我在使用slick时编辑了这部分代码,看,如果你可以…但它仍然不起作用…我做了你说的更改,但不起作用…感谢你的帮助对不起,我没有看太多的线,附加滑块,这不是你必须使用滑头,我建议你检查文档。你需要把一个单一的和它里面的幻灯片的div,在这里你创建了5个空滑块,我会编辑我的答案给你看一个例子它不工作,当我改变标题标签从“标题”到“光滑”,整个标题似乎空。。。