Question

我已按照此处的说明操作：

它没有出现（只有CSS工作，看起来实际的功能不是）。

这是我的HTML主管：

<head>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>

<title>Sites</title>
<script>
$(function() {
    $('.jcarousel').jcarousel({
        // Configuration goes here
    });
});    
</script>

</head>

这是我想要Carousel的实际部分：

    <div class="jcarousel">
        <ul>
            <li><img src="Images/prio_site2.png" width="600" height="400" alt=""></li>
            <li><img src="Images/prio_site_mouseover.PNG" width="600" height="400" alt=""></li>
        </ul>
    </div>

此外，CSS认为必要的CSS在CSS文件中。知道发生了什么事吗？旋转木马完全没有出现。

Answer 1

$(document).ready(function() {
        $('.jcarousel').jcarousel();
    });

您是否尝试过不使用括号调用函数？

我也在这里做了一个工作小提琴：http://jsfiddle.net/bobby5193/2J4yk/

括号可能不是问题，但应检查下一个/ prev按钮的css属性。您还可以使用chrome中的Dev工具进行检查，看看是否缺少css属性或js错误。

为什么JCarousel无法出现？

1 个答案: