Hello,
There is something strange about this website link: http://www.innovation.web.id/One/team-members.php
The slides only works well on localhost IF I turn of the javascript. but only on localhost. NOT on online. I wonder why?
I am taking the sliders from : http://flickity.metafizzy.co/
nav.php
<link rel="stylesheet" href="bootstrap-3.3.5/css/custom.css" media="screen">
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.7.1");
google.setOnLoadCallback(function()
{
$('#link1').on('click', function(e){
e.preventDefault();
$('body').removeClass().addClass('brown')
});
$('#link2').on('click', function(e){
e.preventDefault();
$('body').removeClass().addClass('red')
});
$('#link3').on('click', function(e){
e.preventDefault();
$('body').removeClass().addClass('yellow')
});
$('#link4').on('click', function(e){
e.preventDefault();
$('body').removeClass().addClass('green')
});
$('#link5').on('click', function(e){
e.preventDefault();
$('body').removeClass().addClass('blue')
});
});
</script>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#"></a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="index.php">HOME</a></li>
<li><a href="about.php">ABOUT</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">PORTFOLIO <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="portfolio-filter.php">Portfolio 1</a></li>
<li><a href="portfolio-filter2.php">Portfolio 2</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">PAGES <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="product-category.php">Product Category</a></li>
<li><a href="services.php">Services</a></li>
<li><a href="faq.php">FAQ</a></li>
<li><a href="team-members.php">Team Members</a></li>
<li><a href="testimonial.php">Testimonial</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">BLOG <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="blog.php">Blog 1</a></li>
<li><a href="blog2.php">Blog 2</a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="/">STYLES <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="/" id="link1">Brown</a></li>
<li><a href="/" id="link2">Red</a></li>
<li><a href="/" id="link3">Yellow</a></li>
<li><a href="/" id="link4">Green</a></li>
<li><a href="/" id="link5">Blue</a><li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">CONTACT US <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="contact.php">Contact Us1</a></li>
<li><a href="contact2.php">Contact Us2</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
