jQuery .css() property simply not functioning (no error)?

Question

As part of an upvote/downvote system (like on stackoverflow or Reddit) I'm using jQueries .css() property to change the background-position when an upvote or downvote arrow is clicked:

jQuery code:

$(document).ready(function() {
    $('#vpUp').click(function() {
        $('.vpVote').css('background-position','28 0;');
        var pId=1;
        vpVoteF(pId,1);
    });
    $('#vpDown').click(function() {
        $('.vpVote').css('background-position', '56 0;');
        var pId=1;
        vpVoteF(pId,-1);
    });
});

HTML:

<div class="vpVote">
    <div class="vpUD" id="vpUp"></div>
    <div class="vpUD" id="vpDown"><span id="vpVoteText"><?php echo $Votes; ?></span></div>
</div>

The background-position would change the background image to the upvote being highlighted or the downvote highlighted. However, the code doesn't seem to run at all. When I place an alert in either function it alerts when I click #vpUp or #vpDown, but they don't change the background position and in Chrome and Firefox with firebug open there are no errors.

I am completely at a loss.

Note: You can see a live demo of the voting (not) in action here: http://www.texturepacker.net/viewPacks2.php

Diodeus - James MacFarlane · Accepted Answer · 2011-09-22 19:48:18Z

5

Specify UNITS (px) with your position.

answered Sep 22, 2011 at 19:48

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

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

1 Comment

jfriend00 Over a year ago

And remove the ";" from the end. $('.vpVote').css('background-position','28px 0');.

SeanCannon · Accepted Answer · 2011-09-22 19:48:57Z

2

$(document).ready(function() {
    $('#vpUp').click(function() {
        $('.vpVote').css('background-position','28px 0px');
        var pId=1;
        vpVoteF(pId,1);
    });
    $('#vpDown').click(function() {
        $('.vpVote').css('background-position', '56px 0px');
        var pId=1;
        vpVoteF(pId,-1);
    });
});

answered Sep 22, 2011 at 19:48

SeanCannon

78.1k17 gold badges126 silver badges145 bronze badges

Collectives™ on Stack Overflow

jQuery .css() property simply not functioning (no error)?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related