1

我不习惯使用 jQuery，但我想使用 easyslider 在我的网站上显示一些图片。问题是我得到这个错误： $("#slider").easySlider is not a function 我不知道我做错了什么，因为如果我单独打开页面是没有问题的，但是当我放置其他人之间的文件将无法正常工作。这是我的代码：

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

有人知道我可以做些什么来使它工作，因为我一直在为这个问题绞尽脑汁。

非常感谢您！

4

3 回答 3

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>
于 2011-12-21T15:30:05.623 回答
1

试试这个：

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

这是一种解决方法。

于 2011-12-22T08:12:03.917 回答
0

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

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

于 2011-12-21T15:43:37.620 回答