0

我正在使用 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>

HTML 被复制到下面（下面的 ${imgName} 是一个有效的图像）：

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

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

关于我缺少什么以确保我可以在 html 页面上看到滑块的任何想法？任何有用的建议都将受到欢迎。提前致谢

4

1 回答 1

0

我终于让这个工作了。这些是我采取的步骤：

  1. 确保 jquery 在 html 的 Head 部分
  2. 确保 jcaroufredsel 在 html 页面的 head 部分之后（您可能希望也使用 jquery.easnig - 尽管我不认为它是必需的，除非您在轮播配置中使用缓动选项）
  3. 您的内容需要在一个 div 中（您将调用 caroufredsel），例如 c-carousel1。我以无序列表格式（使用）添加我的列表项。确保使用以水平格式包装内容的 div 包装器（以便列表不会以垂直方式显示）。

  4. 当页面加载时（document.ready 或 windown.onLoad），您可以调用 caroufredsel，如下所示：

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

在这些步骤之后它对我有用。希望能帮助到你！

于 2013-04-24T21:28:24.073 回答