UrMe Medlem sedan apr. 2001 762 inlägg Frågan 29 sep. 2009 15:00 #1 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});
});
});
UrMe Medlem sedan apr. 2001 762 inlägg Ett riktigt nybörjarmisstag, men mycket märkligt sådant.
Tydligen hette filen jquery.color.js.txt, dock fungerade den att köra med koden ovanför på min ubuntu 8.10 server internt... märkligt? Någon som har en förklaring på detta? :)
Självklart fungerade den även bra när jag tog bort .txt på liveservern.