$(“#.easySlider”)滑块不是函数
我不习惯使用jQuery，但我想使用easyslider在我的网站上显示一些图片。问题是我得到了这个错误：$(“#.easySlider”)滑块不是一个我不知道我做错了什么的函数，因为如果我单独打开页面，没有问题，但是当我把文件放回其他人之间时，它不会工作。下面是我的代码：
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>
<div class="block">
<div class="m950 flb">
<div id="slider" style="position:relative; width:947px; height:615px; left:-20px; top:-3px; overflow:hidden;">
<ul>
<li><img src="/images/slideshow/1.jpg" /></li>
<li><img src="/images/slideshow/2.jpg" /></li>
<li><img src="/images/slideshow/3.jpg" /></li>
<li><img src="/images/slideshow/4.jpg" /></li>
<li><img src="/images/slideshow/5.jpg" /></li>
<li><img src="/images/slideshow/6.jpg" /></li>
<li><img src="/images/slideshow/7.jpg" /></li>
<li><img src="/images/slideshow/8.jpg" /></li>
<li><img src="/images/slideshow/9.jpg" /></li>
<li><img src="/images/slideshow/10.jpg" /></li>
</ul>
</div>
</div>
</div>有没有人知道我可以做些什么来让它工作，因为我一直在为这个问题而头疼。
提前谢谢你！
回答 3
Stack Overflow用户
发布于 2011-12-22 16:12:04
试试这个：
<script type="text/javascript">
( function($) {
// we can now rely on $ within the safety of our “bodyguard” function
$(document).ready( function() {
$("#slider").easySlider({
auto: true,
continuous: true
});
} );
} ) ( jQuery );
</script>这是一种绕过它的方法。
Stack Overflow用户
发布于 2011-12-21 23:30:06
听起来你可能在到处移动文件，并且破坏了你的javascript文件的引用路径。
如果我单独打开页面，没有问题，但当我将文件放回其他人之间时，它将不起作用。
如果您查看页面源代码并单击指向您的javascript文件的链接，它会加载吗？如果不是，那么路径就是错误的。如果你发布更多关于你的目录结构的信息，那么有人可能会帮你解决这个问题。或者，您可以只使用完整路径，而不是相对路径。
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/easySlider1.7.js"></script>
<script type="text/javascript" src="http://mysite.com/js/jquery.js"></script>
<script type="text/javascript" src="http://mysite.com/js/easySlider1.7.js"></script>Stack Overflow用户
发布于 2011-12-21 23:43:38
在将显示的页面添加到主页时，您可能会加载两次jQuery。仔细检查<head>部分中没有加载jquery。
如果发生这种情况，请将加载保持在一个位置，即，如果只在此特定页面中需要滑块，但整个应用程序都需要jQuery，则将jQuery加载保留在<head>中，并将easySlider加载保留在该页面中。(但不要忘记只加载一次jquery！)
https://stackoverflow.com/questions/8592170
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号