Question

我正在尝试为推荐书实施Quovolver http://sandbox.sebnitu.com/jquery/quovolver/自动滑块。

我已将文件'jquery.quovolver.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>

以及blockquote和p

的一些CSS样式

但似乎它在我身边不起作用。有谁能够帮我？它只显示整个块引用而没有滚动效果。

Answer 1

看起来是因为你在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>

推荐自动滑翔机无法正常工作

1 个答案: