我正在尝试在我的网站上实施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>

最佳答案

这意味着未定义jQuery变量$。我想您只是复制粘贴而不下载jQuery。

这段特殊的代码需要您下载jQuery,将其命名为jquery-1.4.2.js,并将其放置在与此文件相同的位置。您也应该在那里找到coin-slider.min.js。您可能会发现它附在本教程中。

关于javascript - 硬币滑块:未定义$,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11205007/

10-13 08:10