jQuery virker IKKE i Chrome

Umiddelbart tror jeg ikke det er dit jQuery kode som ikke virker - men mere dine css transitions som ikke virker i Chrome. Jeg er ikke selv lige CSS guru - men det kan være det kan pege andre i den rigtige retning.

Det er skide svært at gætte sig til hvad det er der ikke virker. F.eks. du siger heller ikke til værkstedsmanden, at bilen ikke virker. Du er specifik - f.eks. bilen vil ikke starte.

Hvad siger chrome console fra developer tools?

Eller kom med noget en online side vi kan prøve. f.eks. http://jsfiddle.net/

http://codepen.io/hkfoster/pen/ocBin Det virker da ganske fint der?

Er du sikker på at du inkluderer jQuery?

Kan du give os noget live preview så vi helt præcist kan se hvad du roder med?

Funktionen kommer herfra: http://kylefoster.me/projects/rift-js/ hvis nogen skulle være interesseret

Fremover,
må du gerne oplyse os med langt mere detaljeret fejlmelding, samt noget ekstra kode der helt præcist oplyser din problemstilling. En anden god ting, kan være at vise et live preview af hvad du rent faktisk sidder og arbejder med.

Vi er fuldstændig på bar bund - vi kan ikke hjælpe dig, hvis du ikke er mere dybdegående.

God jul

Sorry, var mega træt igår
Det er under "Portfolio" på min side, at det ikke virker..

www.kucko.dk/sem1/v2

Det er til mit semester-portfolio som jeg skal skrive en rapport om. Heldigvis er det ikke et krav at kunne forklare JS/jQ

Men hvis I prøver at "hover" musen over billedet i FF og i Chrome, vil I se, at i FF virker det hele som det skal (altså, at der kommer en orange linje i midten med skriften "projekt 1")

Det er hammer irriterende... ((((

Det er vikelig underligt, for jeg har kopieret dette PRÆCIST!:

http://codepen.io/hkfoster/pen/ocBin

Sjovt nok virker det i Chrome her..
Kan ikke se hvad det er der "blokerer" ..

OPDATERING:

Okay, fandt en del af fejlen!
Som Kaare skriver, så er det noget med CSS Transitions ...

MEN!
Nu kan jeg få den til at vise min caption, men der er ingen "animation" ... Selom jeg bruger "-webkit-" .. :/

Arghhhhh.... (

OPDATERING 2:

Okay, det virker!
Hvis andre skulle være interesseret, så skal følgende kode:

 .rift span[class*="span"] {
   display: block;
   width: 100%;
   height: 50%;
   overflow: hidden;
   position: absolute;
   left: 0;
   z-index: 1;
   transform: translate3d(0,0,0); /* Acceleration FTW */
   transition: transform .25s; /* Define anim. speed */
 }
 
 .rift span.top-span { top: 0; }
 .rift span.btm-span { bottom: 0; }
 
 .rift:hover span.top-span { 
   transform: translate(0,-30px); /* Half caption height */
 }
 
 .rift:hover > span.btm-span { 
   transform: translate(0,30px); /* Half caption height */
 }

Ændres til følgende:

 .rift span[class*="span"] {
   display: block;
   width: 100%;
   height: 50%;
   overflow: hidden;
   position: absolute;
   left: 0;
   z-index: 1;
   transform: translate3d(0,0,0); /* Acceleration FTW */
   -webkit-transform: translate3d(0,0,0);
   transition: transform .25s; /* Define anim. speed */
   -webkit-transition: -webkit-transform .25s;
 }
 
 .rift span.top-span { top: 0; }
 .rift span.btm-span { bottom: 0; }
 
 .rift:hover span.top-span { 
   transform: translate(0,-30px); /* Half caption height */
   -webkit-transform: translate(0,-30px);
 }
 
 .rift:hover > span.btm-span { 
   transform: translate(0,30px); /* Half caption height */
   -webkit-transform: translate(0,30px);
 }

Chrome understøtter nemlig "-webkit-"
Tak for hjælpen, allesammen!