Javascript in knockout css binding

Question

I'm trying to apply a css class to a navigation bar panel if the current page URL is the URL of what the panel points to.

<div class="panel panel-default" 
     data-bind="css: {'test-class': window.location === My.Constants.appRoot 
                                    + '/thispage'}">

This binding doesn't seem to work. Anyone have ideas on whether or not this should work? Thanks!

Any errors in the console? It's hard to say what's wrong without more information. — woz
– woz, Commented Jul 8, 2014 at 16:29

Wayne Ellery · Accepted Answer · 2014-07-08 16:36:50Z

1

You need to use window.location.href.

http://jsfiddle.net/zTK2q/2/

answered Jul 8, 2014 at 16:36

Wayne Ellery

7,9581 gold badge30 silver badges45 bronze badges

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

1 Comment

PW Kad Over a year ago

As a note if you are updating the class based on the URL but are only using hash routing or something this will not be notified

Collectives™ on Stack Overflow

Javascript in knockout css binding

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related