代码之家  ›  专栏  ›  技术社区  ›  user1012181

证明自动滑梯不工作

  •  0
  • user1012181  · 技术社区  · 11 年前

    我正在努力实现 Quovolver http://sandbox.sebnitu.com/jquery/quovolver/ 推荐的自动滑块。

    我已将文件“jquery.quovvor.js”包含在一个文件夹中 js 并在HTML页面内调用。

    <script type="text/javascript" src="js/jquery.quovolver.js"></script>
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("[rel='tooltip']").tooltip();
            $('blockquote').quovolver();
        });
    </script>
    

    HTML是这样的

    <blockquote>
        <p>Donec rutrum convallis viverra. Suspendisse vehicula, risus sit amet luctus pharetra, quam ante condimentum metus, porttitor vulputate magna felis quis dui.</p>
        <cite>&ndash; Quote Author (Quote #3)</cite>
    </blockquote>
    
    <blockquote>
        <p>Suspendisse ipsum urna, pellentesque eget sagittis eget, porta eget ligula. Mauris id posuere nisl. Aliquam sit amet urna lorem. Donec et odio et velit ornare dapibus a sit amet odio. Praesent ornare cursus ante quis fringilla. Vivamus id egestas sapien. Nullam mollis elit eros, ac euismod neque. Nam placerat dictum congue.</p>
        <cite>&ndash; Quote Author (Quote #4)</cite>
    </blockquote>
    

    和一些CSS样式 blockquote p

    但这似乎对我不起作用。有人能帮我吗?它只显示了整个块引号,没有滚动效果。

    1 回复  |  直到 11 年前
        1
  •  1
  •   ian    11 年前

    看起来这是因为你在Quovolver脚本之后链接到jQuery,这取决于它

    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.quovolver.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("[rel='tooltip']").tooltip();
            $('blockquote').quovolver();
        });
    </script>