未捕獲TypeError：Object [object Object]沒有方法'nivoSlider'

Question

我得到一個nivoslider錯誤，當我調試它在鉻我發現這no method nivoSlider代碼工作正常，直到我添加另一個滑塊contentslider。現在它只是顯示最後一張圖片而沒有移動。我聽說過這個話題，所以得出結論，如果你用jQuery使用2個滑塊，它會產生衝突或類似的東西，我不知道幫助。

<div class="slider-wrapper theme-default"> 
    <div id="slider" class="nivoSlider"> 
     <?php $banner_query=executeQuery("select * from tbl_picture where status=1"); 
      while($banner=mysql_fetch_array($banner_query)){?> 
     <img src="image/<?php echo $banner['picture'];?>" alt="<?php echo $banner['title'];?>" title="<?php echo $banner['title'];?>" border="0"/> 
     <?php }?>  
    </div> 

</div> 

<script type="text/javascript" src="codelibrary/js/jquery-1.6.4.min.js"></script> 
<script type="text/javascript" src="codelibrary/js/jquery.nivo.slider.pack.js"></script> 
<script type="text/javascript"> 
    $(window).load(function() { 
     $('#slider').nivoSlider(); 
    }); 
</script> 

Answer 1

如果您使用2個或多個帶有相同ID選擇器的滑塊，則可能會發生衝突。不過目前看來，您正在使用它的概念，除了使用PHP推出幻燈片外。儘管在這種情況下，一般來說，要知道究竟發生了什麼，這種情況很少。

如果你可以發佈一些代碼，在我自己和其他人喜歡的地方可以查看它並查看我們自己，我們可能能夠更好地幫助，但是目前基於你的問題和提及想要使用多個一次，我的結論是，你可能使用相同的ID #slider這兩個滑塊在你想要的頁面上。

Answer 2

這個錯誤告訴你，JQuery對象（在這種情況下爲$('#slider')）沒有nivoSlider方法，這意味着nivoSlider插件由於某種原因未被加載。

隨着每一個概率這件事是發生：包括nivoSlider

要包括不止一次的jQuery源

更

• 您還沒有包括jQuery的以前這與你的頁面中有多少滑塊無關，這是一個腳本加載問題。 顯然，如果你有多個，你不能使用相同的ID。