为什么JCarousel无法出现?

时间:2014-01-28 11:13:10

标签: jquery html jcarousel

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

jCarousel link

它没有出现(只有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文件中。知道发生了什么事吗?旋转木马完全没有出现。

1 个答案:

答案 0 :(得分:1)

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

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

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

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