caroufredsel和jquery的问题

Question

我使用的是jquery 1.8.2和caroufredsel 6.2.1。js文件将添加到页面中。在我的document.ready函数中，我调用了$('# carousel1 ').carouFredSel()，其中carousel1是页面上众多轮播中的一个。

    <script type="text/javascript" language="javascript">
$(document).ready(function() {
                $('#carousel1').carouFredSel();

            });
        </script>

超文本标记语言被复制到下面(下面的${imgName}是一个有效图像)：

    <div id="c-carousel">
        <div id="wrapper">
<div id="carousel1" class="carousel1">
    <img src="${imgName}" width="150"/>

</div>
</div>
</div>

为了确保我能看到html页面上的滑块，我遗漏了什么？任何有用的建议都是非常受欢迎的。提前感谢

Answer 1

我终于让它起作用了。以下是我采取的步骤：

1. 确保jquery在html页面的head部分，确保jcaroufredsel在html页面的Head部分之后(您可能也希望使用jquery.easnig -尽管我不认为它是必需的，除非您正在使用carousel配置中的easing选项)
2. 您的内容需要在一个div中(您将调用caroufredsel on)，例如c-carousel1。我以无序列表格式(已用)添加列表项。确保使用以水平格式包装内容的div包装器(这样列表就不会以垂直方式显示)。
3. 当页面加载(document.ready或windown.onLoad)时，您可以按如下方式调用caroufredsel：

$('#c-carousel1 ul').carouFredSel();

在这些步骤之后，它对我起作用了。希望它能帮上忙！