Can't change css when using click in jquery

Question

I have a small demo:

<div class="box_content_height">
    <strong>Height: </strong>
    <input type="text" name="height" id="height" value="300" />px
    <input type="submit" class="submit_advance" value="submit" />    
</div>

And javascript

$('.submit_advance').click(function() {
        var height_css = $('#height').val();
        $('ul.nav-scroll').css('max-height', height_css+'px');
});

When I type input = 500 is result css no change 500 How to result is

.ul.nav-scroll {
    max-height: valueofinput+px
}

max-height will only actually change the height of the DOM if the content exceeded that of the previous height. — Kyle Macey
– Kyle Macey, Commented Feb 15, 2012 at 3:13

Purag · Accepted Answer · 2012-02-15 03:13:24Z

1

change this :

$('ul.nav-scroll').css('height', height_css+'px');

edited Feb 15, 2012 at 3:13

Purag

17.1k4 gold badges57 silver badges78 bronze badges

answered Feb 15, 2012 at 3:11

busypeoples

7373 silver badges6 bronze badges

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

Comments

Jacob · Accepted Answer · 2012-02-15 03:13:26Z

1

Your submit may be causing the page to reload due to the form being submitted, undoing your changes. If you don't want this to happen, add a return false to the end of your handler.

answered Feb 15, 2012 at 3:13

Jacob

79k24 gold badges159 silver badges245 bronze badges

Comments

Zen Pak · Accepted Answer · 2012-02-15 03:21:13Z

0

is this a typo? Your css definition has a "." in front of ul:

.ul.nav-scroll {     max-height: valueofinput+px }

your javascript selector does not correspond with the above:

$('ul.nav-scroll').css('max-height', height_css+'px');

Your css should be:

ul.nav-scroll {     max-height: valueofinput+px }

answered Feb 15, 2012 at 3:21

Zen Pak

5787 silver badges22 bronze badges

Collectives™ on Stack Overflow

Can't change css when using click in jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related