Карусель сов не загружается, когда сайт выходит в сеть .., но работает в localhost - PullRequest
Новая
       8

Карусель сов не загружается, когда сайт выходит в сеть .., но работает в localhost

0 голосов
/ 19 февраля 2020

[введите описание изображения здесь] [1] Я использую карусель совы для горизонтального скольжения, и я использую карусель bootstrap для вертикального слайдера, для которой я использую версию bootstrap 3.3.7. я также использую bootstrap версии 4 также .. Карусель сов работает нормально в localhost, а вертикальный слайдер тоже работает хорошо. Но проблема в том, что когда мой сайт запускается, карусель сов не загружается, но вертикальный слайдер работает нормально ..В консоли я получаю такую ​​ошибку. «Не удалось загрузить ресурс: сервер ответил с состоянием 404 (не найдено)» Код моей главной страницы выглядит следующим образом .. 

<!DOCTYPE html>
<html lang="en">
<head>

    <!-- Page Title -->
    <title>@yield('page-title')</title>


    <!-- FavIcon Link -->
    <link rel="icon" type="image/ico" href="{{url('public/favicon.ico')}}">


    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE-edge">
    <meta name="description" content="">
    <meta name="keywords" content="">

    <!-- Owl Carousel css -->
    <link rel="stylesheet" type="text/css" href="{{url('public/css/owl.carousel.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{url('public/css/owl.theme.default.min.css')}}">


    <!-- Bootstrap CSS -->
    <link rel="stylesheet" type="text/css" href="{{url('public/css/bootstrap.min.css')}}">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">


    <!-- fontawesome css -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <!-- Global CSS -->
    <link rel="stylesheet" type="text/css" href="{{url('public/css/style.css')}}">

    <!-- Animate CSS -->
    <link rel="stylesheet" type="text/css" href="{{url('public/css/animate.css')}}">

    <!-- Jquery -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>

    <!-- Jquery 3.4.1 -->
    <script type="text/javascript" src="{{url('public/js/jquery-3.4.1.min.js')}}"></script>

    <script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>

</head>
<body>

<div style="min-height: 50vh;">
    @yield('content')
</div>

</body>

<!-- Popper, Boostrap JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<script type="text/javascript" src="{{url('public/js/bootstrap.js')}}"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>






<!-- Owl Carousel JS -->
    <script type="text/javascript" src="{{url('public/js/Owl.Carousel.min.js')}}"></script>

<!-- Global JS -->
<script type="text/javascript" src="{{url('public/js/js.js')}}"></script>

<script>
    $(document).ready(function(){
  $(".owl-carousel").owlCarousel();
});
</script>

<!-- Vertical Carousel -->
<script>
    $('.carousel .vertical .item').each(function(){
  var next = $(this).next();
  if (!next.length) {
    next = $(this).siblings(':first');
  }
  next.children(':first-child').clone().appendTo($(this));

  for (var i=1;i<2;i++) {
    next=next.next();
    if (!next.length) {
        next = $(this).siblings(':first');
    }

    next.children(':first-child').clone().appendTo($(this));
  }
});
</script>


</html>

JS код для совы карусели похож на 


// Regular-menu Owlcarousel code

$('.menuitems').owlCarousel({
    loop:true,
    margin:20,
    dots:false,
    autoplay:true,
    animateOut: 'slideOutUp',
    animateIn: 'rotateIn',
    autoplayTimeout:4000,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:4
        }
    }
})



// Business branding Owlcarousel code


$('.business-branding').owlCarousel({
    loop:true,
    margin:10,
    dots:false,
    autoplay:true,
    autoplayTimeout:4000,
    responsive:{
        0:{
            items:1
        },
        600:{
            items:1
        },
        1000:{
            items:1
        }
    }
})

// Vertical Slider


    $('.carousel .vertical .item').each(function(){
  var next = $(this).next();
  if (!next.length) {
    next = $(this).siblings(':first');
  }
  next.children(':first-child').clone().appendTo($(this));

  for (var i=1;i<2;i++) {
    next=next.next();
    if (!next.length) {
        next = $(this).siblings(':first');
    }

    next.children(':first-child').clone().appendTo($(this));
  }
});















`


  [1]: https://i.stack.imgur.com/QtrBT.png
...