2016-01-22 93 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