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...
})();