caroufredsel和jquery的问题

时间:2013-04-23 22:50:07

标签: caroufredsel

我使用的是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页面上看到滑块,我想知道我缺少什么?任何有用的建议都会非常受欢迎。提前致谢

1 个答案:

答案 0 :(得分:0)

我终于开始工作了。这些是我采取的步骤:

  1. 确保jquery位于html
  2. 的Head部分
  3. 确保jcaroufredsel在html页面的head部分之后就是正确的(你可能也希望使用jquery.easnig - 虽然我不相信它是必需的,除非你在carousel配置中使用缓动选项)
  4. 您的内容需要在div中(您可以将其称为caroufredsel),例如C-carousel1。我以无序列表格式(已使用)添加列表项。确保使用div包装器以水平格式包装内容(以便列表不以垂直方式显示)。
  5. 当页面加载(document.ready或windown.onLoad)时,您可以按如下方式调用caroufredsel:

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

  6. 这些步骤后,它对我有用。希望它有所帮助!