0

我正在尝试在我的网站上实现 Coin Slider (http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/)。但是，我无法让它工作。Firefox 错误控制台显示“$ 未定义”。

我只真正了解 HTML 和 CSS，并认为这只是复制和粘贴代码的情况。如果修复起来很简单，那就太好了，但我可能咬得比我能咀嚼的多！

谢谢你的帮助。

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <script type="text/javascript" src="jquery-1.4.2.js"></script>
    <script type="text/javascript" src="coin-slider.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../style.css" />
<style type="text/css">
</style>
    </head>
    <body>
    <div id="wrapper">
<!-- Begin Content -->
     <div id="content">
    <div id='coin-slider'>
     <a href="" target="">
    <img src='../portfoliopages/Funpets/splashpresliced.jpg' >
      <span>
      Description for img01
    </span>
    </a>
    <a href="" target="">
      <img src='../portfoliopages/Funpets/eggprespliced.jpg' >
     <span>
     Description for imgN
     </span>
     </a>
    <a href="" target="">
    <img src='../portfoliopages/Funpets/baby.jpg' >
      <span>
      Description for img01
    </span>
    </a>
    <script type="text/javascript">
    $(document).ready(function() {
    $('#coin-slider').coinslider({ width: 550,
    height: 220,
    spw: 7,
    sph: 5,
    delay: 3000,
    sDelay: 30,
    opacity: 0.7,
    titleSpeed: 500,
    effect: '',
    navigation: true,
    links : true,
    hoverPause: true });
    });
    </script
    </div>
    </div>
     <!-- End Content -->
    </div>
    </div>
<!-- Begin Footer --></div> </div>
     <!-- End Footer -->
    </body>
    </html>
4

3 回答 3

1

这意味着$没有定义 jQuery 变量。我猜你只是复制粘贴而没有下载 jQuery。

这段特定的代码要求您下载 jQuery，命名文件jquery-1.4.2.js并将其定位在与此文件相同的位置。你也应该去coin-slider.min.js那里。您可能会在教程中找到它。

于 2012-06-26T10:12:38.033 回答
1

当页面找不到 jQuery 或在加载之前引用了 jQuery 时，错误 $ 未定义是典型的。在您的实例中，首先加载 jQuery，所以我假设您的 jQuery 路径是错误的。仔细检查 jquery 的路径，您可以浏览到 jquery JS 文件 jquery-1.4.2.js

于 2012-06-26T10:09:46.737 回答
0

确保在加载页面时没有 404 错误。在 firefox 中启用 FireBug 并进入网络设置，重新加载页面并检查您的 http 响应（或任何其他调试器/检查工具）

您可以尝试将脚本源替换为完整的 URL 以测试您的代码是否正常工作：

对于 Jquery：http ://workshop.rs/projects/coin-slider/jquery-1.4.2.min.js

对于硬币滑块：http ://workshop.rs/projects/coin-slider/coin-slider.min.js

我从 Coin Slider 示例/演示页面获得了完整的 url。您可以打开链接并将其下载到本地计算机。

于 2012-06-26T10:15:24.303 回答