0

我真的很可悲的問題,但我不知道它爲什麼發生。我正在使用貓頭鷹旋轉木馬2與基金會5,並在所有瀏覽器正常工作,只給我問題在Safari瀏覽器jQuery與基金會5和貓頭鷹旋轉木馬2衝突

這裏是我的文件結構:

<script src="bower_components/jquery/dist/jquery.min.js"></script> 
<script src="bower_components/foundation/js/foundation.min.js"></script> 
<script type="text/javascript" src="js/app.js"></script> 
<script type="text/javascript" src="js/theme.js"></script> 
<script type="text/javascript" src="js/owl.carousel.min.js"></script> 
</body> 
</html> 

當我刪除app.js旋轉木馬開始在Safari工作,但是當它在傳送帶停止幻燈片。 這裏我的代碼在app.js

jQuery(function(){ 
    jQuery.noConflict(); 
    jQuery(document).foundation(); 
}); 

而這一次在theme.js

jQuery(function(){ 
 
\t "use strict"; 
 
\t jQuery.noConflict(); 
 
\t jQuery(document).ready(function(){ 
 
\t \t //parallax 
 
\t \t 
 
\t \t //carousel 
 
\t \t jQuery('.owl-carousel').each(function(){ 
 
\t \t \t 
 
\t \t \t //var tot = jQuery(this).find("div.item").length; 
 
\t \t \t var owl = jQuery('.owl-carousel'); 
 
\t \t  \t 
 
\t \t \t \t jQuery(".prev").on('click', function() { 
 
\t \t \t 
 
\t \t \t \t  //owl.trigger('prev.owl.carousel'); 
 
\t \t \t \t  owl.trigger('prev.owl.carousel'); 
 
\t \t \t \t }); 
 

 
\t \t \t \t jQuery(".next").on('click', function() { 
 
\t \t \t 
 
\t \t \t \t  owl.trigger('next.owl.carousel'); 
 
\t \t \t \t  //var toIndex = 5; 
 
\t \t \t \t  //owl.trigger("to.owl.carousel", 5); 
 
\t \t \t \t  //owl.trigger('to.owl.carousel', jQuery(this).index()); 
 
\t \t \t \t }); 
 
\t \t \t \t 
 
\t \t  if(jQuery(this).find("div.item").length > 5){ 
 

 
\t \t  \t \t jQuery(this).owlCarousel({ 
 
\t \t  \t \t \t items: 4, 
 
\t \t \t \t  loop: true, 
 
\t \t \t \t  autoplay:true, 
 
\t \t \t \t  autoplayTimeout:3000, 
 
\t \t  \t \t autoplayHoverPause:true, 
 
\t \t  \t \t margin: 0, 
 
\t \t  \t \t responsiveClass:true, 
 
\t \t  \t \t dots:false, 
 
\t \t  \t \t //autoWidth:true, 
 
\t \t \t \t  responsive:{ 
 
\t \t \t   0:{ 
 
\t \t \t    items:1, 
 
\t \t \t    nav:false 
 
\t \t \t   }, 
 
\t \t \t   600:{ 
 
\t \t \t    items:2, 
 
\t \t \t    nav:false 
 
\t \t \t   }, 
 
\t \t \t   1000:{ 
 
\t \t \t    items:4, 
 
\t \t \t    nav:false, 
 
\t \t \t   } 
 
\t \t \t  \t } 
 
\t \t  \t \t }); 
 
\t \t  \t \t 
 
\t \t  \t }else{ 
 
\t \t \t \t 
 
\t \t  \t \t jQuery(this).owlCarousel({ 
 
\t \t \t \t  loop: false, 
 
\t \t \t \t  autoplay:true, 
 
\t \t \t \t  autoplayTimeout:3000, 
 
\t \t  \t \t autoplayHoverPause:true, 
 
\t \t  \t \t margin: 0, 
 
\t \t  \t \t responsiveClass:true, 
 
\t \t  \t \t scrollPerPage : true, 
 
\t \t  \t \t dots:false, 
 
\t \t  \t \t //autoWidth:true, 
 
\t \t \t \t  responsive:{ 
 
\t \t \t   0:{ 
 
\t \t \t    items:1, 
 
\t \t \t    nav:false 
 
\t \t \t   }, 
 
\t \t \t   600:{ 
 
\t \t \t    items:3, 
 
\t \t \t    nav:false 
 
\t \t \t   }, 
 
\t \t \t   1000:{ 
 
\t \t \t    items:4, 
 
\t \t \t    nav:false, 
 
\t \t \t   } 
 
\t \t \t  \t } 
 
\t \t  \t \t }); 
 
\t \t  \t } 
 
\t \t }); 
 
\t 
 
\t }); 
 
    // Define your library strictly... 
 
})();

回答

1

,我發現自己的解決方案。其實根基也在用。

jQuery(document).foundation(); 

而且我還使用

jQuery(document).ready(function(){ 
}); 

所以無論是功能上的其他瀏覽器,但在Safari其給衝突這就是做工精細,爲什麼它不工作,所以我剛剛從主題中刪除。就緒功能。 JS和它的解決。也許它會幫助別人