jQuery css3 attribute not working

Question

var containerHeight = $(".item").height();

    $(".word-game .nWord").css({
        "-webkit-transform" : "translate(0, " + containerHeight + ")"
    });

here is my code, but it doesn't work. i'm really tired.

I wanted to put in some effort to help you out but I got tired. — Antiga
– Antiga, Commented Dec 30, 2014 at 19:16
A Fiddle would be helpful + are you using a browser that supports CSS3? — jyrkim
– jyrkim, Commented Dec 30, 2014 at 19:18
I'll give you a half-answer to your half-question. translate() doesn't take integers as arguments. — Antiga
– Antiga, Commented Dec 30, 2014 at 19:21

sbeliv01 · Accepted Answer · 2014-12-30 19:24:07Z

2

Just add px or % to your current function since translate doesn't know what to do with a plain integer.

var containerHeight = $(".item").height();

$(".word-game .nWord").css({
    "transform" : "translate(0,"+containerHeight+"px)"
});

http://jsfiddle.net/nuuLjhL0/

answered Dec 30, 2014 at 19:24

sbeliv01

11.8k2 gold badges26 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ugurcan Over a year ago

thank you, i try this before your comment but it wasn't work. i try now again and perfect.

dark sniper · Accepted Answer · 2014-12-30 19:37:43Z

1

try this:

$(document).ready(function(){
var containerHeight = $(".item").height();
   $(".word-game .nWord").css({
     "-webkit-transform":"translate(0px,"+containerHeight+"px)"
    });
});

answered Dec 30, 2014 at 19:37

dark sniper

111 bronze badge

Comments

Prashant Kumar · Accepted Answer · 2014-12-30 19:38:43Z

0

Making sure it works in all browsers :)

            "-webkit-transform": "translate(0,"+containerHeight+"px)",
            "-moz-transform": "translate(0,"+containerHeight+"px)",
            "-ms-transform":"translate(0,"+containerHeight+"px)",
            "-o-transform":"translate(0,"+containerHeight+"px)",
            "transform": "translate(0,"+containerHeight+"px)"

answered Dec 30, 2014 at 19:38

Prashant Kumar

3862 silver badges9 bronze badges

Collectives™ on Stack Overflow

jQuery css3 attribute not working

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related