Question

我不习惯使用jQuery，但我想使用easyslider在我的网站上显示一些图片。问题是我收到了这个错误：$（“＃slider”）。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>

有人知道我能做些什么才能让它发挥作用，因为我一直在为这个问题做好准备。

提前非常感谢你！

Answer 1

听起来你可能正在移动文件并破坏了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>

Answer 2

试试这个：

 <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>

这是一种解决方法。

Answer 3

当您将显示的页面添加到主页面时，您可能正在加载jQuery两次。您的<head>部分未加载双重检查jquery。

如果发生这种情况，请仅在一个地方保持加载，即如果仅在此特定页面中需要滑块但是应用程序范围内需要jQuery，则在您的<head>中保持jQuery加载并保留easySlider加载在那个页面。（但不要忘记只加载一次jquery！）

$（“＃slider”）。easySlider不是一个函数

3 个答案: