Question

我有一个非常简单的问题。我正在尝试将这个无限的轮播jQuery脚本插入到我的HTML文件中：http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-infinite-carousel-plugin/

我似乎无法弄清楚如何在那里得到它。无论我尝试过什么，脚本都没有结果。有人可以帮忙吗？我以前从未使用过jQuery。这是我的代码（它有一个母版页）：

<%@ Page Title="" Language="C#" MasterPageFile="~/advisor.master" %>

<script runat="server">

</script>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="js/infinitecarousel/jquery.infinitecarousel3.js"></script>      
<script type="text/javascript">
    $(function () {
        $('#carousel').infiniteCarousel();
    });

</script>   

    <style>        
    </style>


    <div id="carousel"></div>
    <ul>
    <li><img alt="" class="auto-style1" src="image1.jpg" /></li>
    <li><img alt="" class="auto-style1" src="image2.jpg" /></li>
    <li><img alt="" class="auto-style1" src="image3.jpg" /></li>
   </ul>

</asp:Content>

Answer 1

我在代码中看到的唯一错误是您在空div <div id="carousel"></div>上初始化轮播。

请改为尝试：

<!--<div id="carousel"></div> -->
<ul id="carousel">
    <li><img alt="" class="auto-style1" src="image1.jpg" /></li>
    <li><img alt="" class="auto-style1" src="image2.jpg" /></li>
    <li><img alt="" class="auto-style1" src="image3.jpg" /></li>
</ul>

除此之外，如果你正确地实现了插件和jQuery，并且它看起来像你做了，并将插件的文件放在他们应该的位置，我看不出有什么理由不应该工作。

将jQuery代码插入HTML

1 个答案: