Bootstrap carousel isn't working on remote server -


i'm developing landing page website background bootstrap carousel. worked ok on local development server, since uploaded remote server bootstrap carousel stopped working there. there no errors in console , resources seems loading in correct order, can't understand why carousel broken in remote server. guess?

thanks,

the page online @ www.roughnough.com if of want have @ it. here abstraction of have on page. i'm using angular 1.1.4, bootstrap 3 , jquery 2.1. hope helps.

index page

<!doctype html> <html ng-app="app"> <head>     <meta charset="utf-8">     <title>index page</title>      <link rel="stylesheet" href="app/css/bootstrap.css">     <link rel="stylesheet" href="app/css/style.css">  </head>  <body>      <div id="view" ng-view></div>       <link rel="stylesheet" href="app/css/bootstrap-modal-bs3patch.css">     <link rel="stylesheet" href="app/css/bootstrap-modal.css">      <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>     <script src="app/js/bootstrap.js"></script>     <script src="vendor/js/angular.js"></script>     <script src="vendor/js/angular-translate.min.js"></script>     <script src="app/js/app.js"></script>     <script src="app/js/main.js"></script>     <script> google analytics script </script> </body> </html> 

home view

<div class="fill background-img"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">     <div class="carousel-inner">         <div class="item active">             <div class="fill" style="background-image:url('app/img/1.jpg');">             </div>         </div>         <div class="item">             <div class="fill" style="background-image:url('app/img/2.jpg');">             </div>         </div>         <div class="item">             <div class="fill" style="background-image:url('app/img/3.jpg');">             </div>         </div>         <div class="item">             <div class="fill" style="background-image:url('app/img/4.jpg');">             </div>         </div>         <div class="item">             <div class="fill" style="background-image:url('app/img/5.jpg');">             </div>         </div>         <div class="item">             <div class="fill" style="background-image:url('app/img/6.jpg');">             </div>         </div>     </div> </div> </div>  <div class="front-logo-mask fill">     <div class="fill" style="background-image:url('app/img/logo_mask.png');">      </div> </div>  </html> 

main.js

$(window).load(function() {                  $('.carousel').carousel({             interval: 3000,             wrap: true,         });  }); 

Comments

Popular posts from this blog

Android layout hidden on keyboard show -

google app engine - 403 Forbidden POST - Flask WTForms -

c - Why would PK11_GenerateRandom() return an error -8023? -