Använder mig av jQuery och jQuery.color, jag fadear en text mellan två färger. Detta fungerar perfekt på min utvecklingsserver här, men när jag har lagt ut sajten live så fungerar inte fadningen på färgerna. Dock fungerar övrig jQuery, t.ex gömma/visa divar etc.
Vad kan vara galet?
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/jquery.color.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
Så där laddas javascripten in, det sista som heter "functions.js" innehåller jQuery funktionerna.
$(function()
{
var currentdiv = "";
$("#goback1").click(function(event) {
if(currentdiv == "finddiv") {
$('#finddiv').slideUp('normal', function(){
$('#startdiv').slideDown('normal');
});
} else if(currentdiv == "biodiv") {
$('#biodiv').slideUp('normal', function(){
$('#startdiv').slideDown('normal');
});
}
currentdiv = "startdiv";
});
$("#goback2").click(function(event) {
if(currentdiv == "finddiv") {
$('#finddiv').slideUp('normal', function(){
$('#startdiv').slideDown('normal');
});
} else if(currentdiv == "biodiv") {
$('#biodiv').slideUp('normal', function(){
$('#startdiv').slideDown('normal');
});
}
currentdiv = "startdiv";
});
$("#bio").click(function(event) {
if(currentdiv == "finddiv") {
$('#finddiv').slideUp('normal', function(){
$('#biodiv').slideDown('normal');
});
} else if(currentdiv == "startdiv" || currentdiv == "") {
$('#startdiv').slideUp('normal', function(){
$('#biodiv').slideDown('normal');
});
}
currentdiv = "biodiv";
});
$("#find").click(function(event) {
if(currentdiv == "" || currentdiv == "startdiv") {
$('#startdiv').slideUp('normal', function(){
$('#finddiv').slideDown('normal');
});
} else if(currentdiv == "biodiv") {
$('#biodiv').slideUp('normal', function(){
$('#finddiv').slideDown('normal');
});
}
currentdiv = "finddiv";
});
});
$(document).ready(function() {
$('#bio').hover(
function () {
$(this).animate({color:'#33aec4'}, {queue:false,duration:500});
}, function () {
$(this).animate({color:'#403f3f'}, {queue:false,duration:500});
});
$('#case').hover(
function () {
$(this).animate({color:'#33aec4'}, {queue:false,duration:500});
}, function () {
$(this).animate({color:'#403f3f'}, {queue:false,duration:500});
});
$('#find').hover(
function () {
$(this).animate({color:'#33aec4'}, {queue:false,duration:500});
}, function () {
$(this).animate({color:'#403f3f'}, {queue:false,duration:500});
});
});