2016-01-22 56 views
0

由於某種奇怪的原因,我得到js錯誤,表示輪播不是函數,儘管我已經連接了所有腳本, jquery.js和bootstrap.js在調用script.js之前我有傳送帶功能。TypeError:jQuery(...)。find(...)。旋轉木馬不是函數

我有代碼在網站上工作得很好,但當我轉移到網絡應用程序時,我得到的錯誤,儘管元素是相同的。

所以在母版頁我有這樣的標題部分:

<script src="/assets/js/jquery.min.js" type="text/javascript"></script> 
    <script src="/assets/js/jquery-noconflict.js" type="text/javascript"></script> 
    <script src="/assets/js/jquery-migrate.min.js" type="text/javascript"></script> 
    <script src="../Scripts/bootstrap.min.js"></script> 
    <script src="/assets/js/script.js" type="text/javascript"></script> 

所有腳本加載罰款,有一次我在頁面打開我有這樣的例外:

enter image description here

在script.js我有這個:

jQuery('myCarousel').find('.carousel').carousel({ 
    interval: 8000 
}); 

我會說再次,相同的結構在舊網站上正常工作,不知道爲什麼它在這裏不同。

感謝

UPDATE:

HTML標記生成:

<div id="myCarousel" class="carousel slide"> 
        <div class="carousel-inner"> 
         <div class="active item"> 
         <div class="title"><h2>header</h2></div> 
         <figure><img src="/assets/images/gallery/YCQE183J8RHACYCHLISF.jpg" alt=""></figure> 
         <div class="carousel-caption"><a href="#">Learn more about our programs. </a><div class="arrow-right"></div></div> 
         </div> 
         <div class="item"> 
         <div class="title"><h2>text1</h2></div> 
         <figure><img src="/assets/images/gallery/IB819WTCBL3HRM7NZ2CA.jpg" alt=""></figure> 
         <div class="carousel-caption"><a href="">text3</a><div class="arrow-right"></div></div></div> 
         <div class="item"><div class="title"><h2>text2</h2></div><figure><img src="/assets/images/gallery/6KCDVUKYCAXH91M6MWAU.jpg" alt=""></figure><div class="carousel-caption"><a href="#">text4</a><div class="arrow-right"></div></div></div> 

        </div> 
        <a data-slide="prev" href="#myCarousel" class="carousel-control left"></a> 
        <a data-slide="next" href="#myCarousel" class="carousel-control right"></a> 
       </div> 
+0

旋轉木馬腳本在哪裏? –

+0

@debin:除非頁面中有''標籤,否則這將不會有任何區別:) –

+0

這是正確的(y)@TrueBlueAussie – Dhara

回答

1

你似乎缺少任何旋轉木馬腳本。這將導致carousel is not a function消息。它不是jQuery的一部分,如果你有完整版本,它只是boostrap的一部分。否則,您還需要包含引導程序carousel.js插件文件。 http://www.w3schools.com/bootstrap/bootstrap_carousel.asp

而且你的選擇不會因爲myCarousel工作是一個ID,所以本來應該#myCarousel.carousel是在相同的元素,從而find不會在它匹配任何東西:

嘗試:

jQuery('#myCarousel.carousel').carousel({ 
    interval: 8000 
}); 

或更好(因爲ID選擇器是最高效的):

jQuery('#myCarousel').carousel({ 
    interval: 8000 
}); 
+0

謝謝,但兩種解決方案都給了我同樣的錯誤 – Laziale

+0

@Laziale:再次 - 你使用什麼傳送帶?自舉的? –

+0

https://i.gyazo.com/d50cbfd24862378bc039327626ec0424.png我可以看到控制器,但無法應用旋轉木馬。不知道第二個問題,因爲這個代碼已經在舊的解決方案中工作,我們只是轉移到網絡應用程序,而不是網站(.net明智) – Laziale