Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/455.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 硬币滑块:未定义_Javascript_Jquery_Slider - Fatal编程技术网

Javascript 硬币滑块:未定义

Javascript 硬币滑块:未定义,javascript,jquery,slider,Javascript,Jquery,Slider,我正在尝试实现硬币滑块(http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/)在我的网站上。然而,我不能让它工作。Firefox错误控制台显示“$未定义” 我只知道HTML和CSS,我想这只是复制和粘贴代码的一个例子。如果它是一个简单的东西来修复,那将是伟大的,但我可能已经咬了超过我能咀嚼 谢谢你的帮助 <head> <meta http-equiv="Content-T

我正在尝试实现硬币滑块(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>

$(文档).ready(函数(){
$(“#硬币滑块”)。硬币滑块({宽度:550,
身高:220,
spw:7,
sph:5,
延误:3000,
统计数字:30,,
不透明度:0.7,
标题速度:500,
影响:'',
导航:对,
链接:是的,
悬停:true});
});

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

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


这段特定的代码要求您下载jQuery,并将其命名为文件
jQuery-1.4.2.js
,并将其定位在与此文件相同的位置。您还应该在那里获得
硬币滑块.min.js
。您可能会发现它附在教程中。

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

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

对于Jquery:

对于硬币滑块:


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

您是否确保JS文件
jquery-1.4.2.JS
与HTML位于同一目录中?是否可以详细说明该错误消息。当然,它附带了文件名和行号。甚至可能是堆栈跟踪。堆栈跟踪?没那么复杂“未定义”仅表示未找到jQuery库。此外,OP应该使用最新的jQuery,而不是1.4.2.No,这就是答案。当找不到jQuery时,会显示这个特定的JS错误。我现在已经让它工作了,谢谢。我没有包括jquery-1.4.2.min.js文件。我很高兴这是一件简单的事情。我现在已经开始工作了!谢谢jquery-1.4.2.min.js文件未与下载捆绑在一起,因此我从您的链接中获得了它。我下载了教程附带的文件,但jquery-1.4.2.min.js文件未包含在内。我现在找到了。谢谢你的帮助。