$（「＃slider」）。easySlider不是函數

我不習慣使用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>

是否有人知道我能做些什麼，使其工作，因爲我已經剎車我的頭了這個問題。

非常感謝你提前！

來源

2011-12-21 user993177

「將文件放在其他人之間」是什麼意思？ – wrschneider 2011-12-21 15:25:44

「將文件放在其他人之間」是什麼意思？ – Gabe 2011-12-21 15:26:20

您是否還在使用其他jquery插件？可能會有一些衝突... – 2011-12-21 15:27:21

試試這個：

<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-22 08:12:03 spreeuwtje

這工作！非常感謝你！ – user993177 2011-12-22 08:13:06

這聽起來像你可能會移動文件並打破了JavaScript文件的引用路徑。

if I open the page alone, there is no problem, but when I place the file back between others it won't work.

如果您查看頁面源代碼並點擊鏈接到您的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-21 15:30:05 mrtsherman

他們都打開。（如果我使用/js/jquery.js或直接鏈接到文件）。 – user993177 2011-12-22 07:16:51

當您將顯示的頁面添加到主頁面時，您可能會加載jQuery兩次。仔細檢查jquery未加載到您的<head>部分。

如果它發生，保持裝載只在一個地方，也就是說，如果只需要在這個特定頁面的滑塊，但jQuery是需要應用廣泛，然後繼續jQuery的裝載在你<head>，並在頁面離開easySlider加載。（但不要忘了加載jQuery的只有一次！）

來源

2011-12-21 15:43:37

我只有jquery導入一次。（現在我把它放在我的索引文件中，但它仍然不會工作）。 – user993177 2011-12-22 07:46:31

$（「＃slider」）。easySlider不是函數

回答

相關問題